/* -------------------------------------------------- Basics -------------------------------------------------- */

html, body {
	height: 100%;
	font-family: Arial;
	font-size: 8pt;	
	margin: 0px;
	padding: 0px;
	/* background-color: #FFF1E1; */
	background-color: #F4F0EB;
	color: #000000;
}


div#bgtop {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 126px;
	background-image: url('img/bgtop.png');
}


div#wrapper {
	position: relative;
	margin: 0px auto;
	width: 790px;
	height: 100%;
}


/* -------------------------------------------------- Header -------------------------------------------------- */


div#frm-h {
	position: absolute;
	left: 0px;
	top: 0px;	
	width: 790px;		
	height: 104px;	
}


div#frm-h-l {
	position: absolute;
	left: 0px;
	top: 0px;	
	width: 8px;		
	height: 104px;
	background-image: url('img/frm-l.png');
}


div#frm-h-c {
	position: absolute;
	left: 8px;
	top: 0px;
	width: 774px;	
	height: 104px;
	background-image: url('img/frm-h-c.png');
}


div#frm-h-r {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 8px;			
	height: 104px;
	background-image: url('img/frm-r.png');
}


div#frm-h-title {
	position: absolute;
	right: 10px;
	top: 5px;
	width: 300px;			
	height: 45px;
}


/* -------------------------------------------------- Menu -------------------------------------------------- */


div#frm-m {
	position: absolute;
	left: 0px;
	top: 104px;
	width: 790px;
	height: 22px;
}


div#frm-m-l {
	position: absolute;
	left: 0px;
	top: 0px;	
	width: 8px;		
	height: 22px;
	background-image: url('img/frm-l.png');
}


div#frm-m-c {
	position: absolute;
	left: 8px;
	top: 0px;
	width: 774px;			
	height: 22px;
	background-image: url('img/frm-m-c.png');
}


div#frm-m-r {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 8px;			
	height: 22px;
	background-image: url('img/frm-r.png');
}


/* -------------------------------------------------- Basics II -------------------------------------------------- */


div#bottomwrapper {
	position: absolute;
	left: 0px;
	top: 126px;
	width: 790px;	
	bottom: 0px;
	min-height:380px; /* Min: 250 + 38 + 15 */
}



/* -------------------------------------------------- Info -------------------------------------------------- */


div#infobgt, div#infobgb {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 160px;		
	height: 10px;
	background-color: #FFE4C6;
}


div#infobgc {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 160px;		
	bottom: 0px;
	background-color: #FFE4C6;
}


div#frm-info {	
	position: absolute;
	left: 7px;
	top: 0px;	
	width: 146px;		
	height: 275px;
	/* background-color:  #FF22AA; */
}


/* -------------------------------------------------- Content -------------------------------------------------- */


div#frm-c-tl {
	position: absolute;
	left: 0px;
	top: 0px;	
	width: 8px;		
	height: 10px;
	background-image: url('img/frm-l.png');
}


div#frm-c-tc {
	position: absolute;
	left: 8px;
	top: 0px;	
	width: 774px;		
	height: 10px;
	background-color: #FFFFFF;
}


div#frm-c-tr {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 8px;			
	height: 10px;
	background-image: url('img/frm-r.png');
}


div#frm-c-cl {
	position: absolute;
	left: 0px;
	top: 10px;	
	width: 8px;		
	bottom: 40px;
	background-image: url('img/frm-l.png');
}


div#frm-c-cc {
	position: absolute;
	left: 8px;
	top: 10px;	
	width: 774px;		
	bottom: 40px;
	background-color: #FFFFFF;
}


div#frm-c-cr {
	position: absolute;
	right: 0px;
	top: 10px;
	width: 8px;			
	bottom: 40px;
	background-image: url('img/frm-r.png');
}


div#frm-c-bl {
	position: absolute;
	left: 0px;
	bottom: 30px;	
	width: 8px;		
	height: 10px;
	background-image: url('img/frm-l.png');
}


div#frm-c-bc {
	position: absolute;
	left: 8px;
	bottom: 30px;	
	width: 774px;		
	height: 10px;
	background-color: #FFFFFF;
}


div#frm-c-br {
	position: absolute;
	right: 0px;
	bottom: 30px;
	width: 8px;			
	height: 10px;
	background-image: url('img/frm-r.png');
}


div#frm-content {	
	position: absolute;
	left: 170px;
	top: 0px;
	width: 604px;	
	height: 100%;
	background-image: url('img/masken.png');
	/* background-color: #AA9922; */
	overflow: auto;
}


/* -------------------------------------------------- Footer -------------------------------------------------- */


div#frm-f {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 790px;	
	height: 30px;
}


div#frm-f-l {
	position: absolute;
	left: 0px;
	top: 0px;	
	width: 8px;		
	height: 30px;
	background-image: url('img/frm-l.png');
}


div#frm-f-c {
	position: absolute;
	left: 8px;
	top: 0px;
	width: 774px;
	height: 30px;
	background-image: url('img/frm-f-c.png');
}


div#frm-f-content {
	z-index: 1000;
	position: absolute;
	left: 8px;
	top: 0px;
	width: 774px;
	height: 30px;
	
	color: #C0C8C8;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	letter-spacing: 1px;
	text-align: center;
	line-height: 30px;
	vertical-align: middle;
}


div#frm-f-r {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 8px;			
	height: 30px;
	background-image: url('img/frm-r.png');
}


/* -------------------------------------------------- menu -------------------------------------------------- */


div#menuwrapper {
	z-index: 1100;
	position: absolute;
	left: 177px;
	top: 104px;
	width: 605px;
	height: 22px;
	/* background-color: #123456; */
}


div#menu {
	width: auto;
	float: left;
}


 div#menu .menuhsep {
	display: inline-block;
	margin: 0px;
	padding: 0px;	
	width: 1px;
	height: 22px;
	background-image: url('img/frm-m-c-sep.png');
}


div#menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width:  auto;
	height: 22px;
	float: left;
}


div#menu a {
	color: #5B2801;
	text-decoration: none;
}


div#menu .menulev0:hover h1 {
	color: #5B2801;
	background-image: url('img/frm-m-c-hl.png');
}


div#menu .menulev0:hover .menulev1 {	
	display: block;
	width:180px;
	height: auto;
	background-image: url('img/menubg.png');
}


div#menu .menulev1 li:hover .menulev2 {	
	display: block;
	width:180px;
	height: auto;
	background-image: url('img/menubg.png');
}


div#menu .menulev2 li:hover .menulev3 {	
	display: block;
	width:180px;
	height: auto;
	background-image: url('img/menubg.png');
}


div#menu .menuf {	
	background-image: url('img/menufrmf.gif');
}


div#menu .menut {	
	background-image: url('img/menufrmt.gif');
}


div#menu .menuc {	
	background-image: url('img/menufrmc.gif');
}


div#menu .menub {	
	background-image: url('img/menufrmb.gif');
}


div#menu .menulev1 li:hover a  {	
	background-image: url('img/menufrmhl.gif');
}


div#menu .menulev1 li:hover .menulev2 a {	
	background-image: none;
}


div#menu .menulev1 li:hover .menulev2 li:hover a  {	
	background-image: url('img/menufrmhl.gif');
}


div#menu .menulev1 li:hover .menulev2 li:hover .menulev3 a {	
	background-image: none;
}


div#menu .menulev1 li:hover .menulev2 li:hover .menulev3 li:hover a  {	
	background-image: url('img/menufrmhl.gif');
}


div#menu a, div#menu h1 {
	display: block;
	margin: 0px;
	padding: 0px 10px;
	height: 22px; 
	font-size: 11px;
	font-weight: bold;
	line-height: 22px;
	text-align: center; 

	vertical-align: middle;
	width: auto;
	white-space: nowrap;
}


div#menu h1 {
	color: #FED7B8;
	text-transform: uppercase;			
}


div#menu li {
	position: relative;
}


div#menu ul ul {
	position: absolute;
	left: 0px;
	top:22px;	
	width:180px;
}


div#menu ul ul li a{
	text-align: left;
}


div#menu ul ul ul {
position: absolute;
top: 0;
left: 179px; /* left: 100%; */;
}


div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul {
	display: none;
}


div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul {
	display: block;
}


/* -------------------------------------------------- info -------------------------------------------------- */


div#info .infot {
	width: 146px;
	height: 24px;
	background-image: url('img/infoboxt.png');
	color: #5B2801;
	font-size: 11px;
	font-weight: bold;	
	line-height: 24px;
	text-align: center; 
	vertical-align: middle;	
}


div#info .infoc {
	width: 138px;
	height: auto;
	padding: 4px;
	background-image: url('img/infoboxc.png');
	overflow: hidden;
	text-align: justify;
	vertical-align:text-top;	
	/* vertical-align: text-top; */
	/* background-color: #12ab21; */
}


div#info .infob {
	width: 146px;
	height: 6px;
	background-image: url('img/infoboxb.png');	
}


div#info .infoc img {
	vertical-align: text-top;
}


div#info .infos {
	height: 10px;	
}


/* -------------------------------------------------- Content -------------------------------------------------- */


div#content {	
	position: absolute;
	left: 0px;
	right:7px;
	top: 0px;
	height: auto;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: justify;
	font-size: 10pt;
	font-weight: normal;
	color: #000000;
	/* background-color: #2299AA; */
}


div#content H1 {
	padding:0px;
	margin: 0px 0px 0.2em;
	font-size: 12pt;
	font-weight: bold;
	color: #5B2801;
}


div#content H2 {
	padding:0px;
	margin: 0px;
	font-size: 10pt;
	font-weight: bold;
	color: #5B2801;
}


.txthead {
	padding: 0px;
	margin: 0px;
	font-size: 10pt;
	font-weight: bold;
	color: #5B2801;
}


/* ----- Tabellen ----- */


table.headtbl {
	position: relative;
	left: 1px;	
	border-style: none;
}


td.headtbl {
	border-style: none;	
/*	font-weight: bold;
	color: #5B2801;
	height: 22px;
	vertical-align: top; */
}


table.bordertbl {
	position: relative;
	left: 1px;	
	border-style: none;
	border-width: 1px;   
	border-color: #D3D9D9; 
	border-collapse: collapse;   
}


td.bordertbl {
	background-color: #F5F5F5; 
	border-style: solid; 
	border-width: 1px;   
	border-color:#D3D9D9;  	
	border-collapse: collapse;
	padding: 2px;
	vertical-align: top;	
}


/* ----- Formulare ----- */


input.standardtype {
	border-style:solid;
	border-width:1px;
	border-color: #8B8C8C;	
	text-indent: 2px;
}

textarea.standardtype {
	border-style:solid;
	border-width:1px;
	border-color: #8B8C8C;	
	font-family: Arial;
	font-size: 10pt;
	text-indent: 2px;
}


input.tabletype {
	border-style:solid;
	border-width:1px;
	border-color: #D3D9D9;
	text-indent: 2px;
	color: #ED1C24;
}