/****************************************************************************************
 	base
 ****************************************************************************************/
html/* Hide from IE5/Mac (Also hides from IE/5 Win, but doesn't matter) */
{
	height: 100%; 
}
body
{
	margin: 0;
	padding: 0;
	height: 100%;
}
#fixed
{
	position: fixed;
	z-index: 0;
}
#flowing
{
	position: relative;
	z-index: 10;
}
#fixed, #flowing
{
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
#pageFrameMask
{
	position: relative;
	height: 100%;
}
#masthead
{
	height: 56px;
    width: 100%;
}
#leftColumn
{
	float: left;
}
#contentColumn
{
	padding-left: 151px;
}

#leftColumnMask, #leftColumn
{
	width: 151px;
}
#leftColumnMask
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
}
#leftColumnMask, #contentColumnMask
{
	height: 100%;
}
#contentColumnMask
{
	z-index: 1;
    width: 99.9%;
}
#footer
{
	clear: both;
}
.hide
{
	display: none;
}

#bottomColorMask
{
	position: relative;
	z-index: 20;
	height: 100%;
	margin-bottom: -100%;
}

head:first-child+body #bottomColorMask/* the below fix almost works in IE5/Mac */
{
	position: fixed;	/*	With position set to fixed, Mozilla will not scroll the extra
							space generated by the botom color mask. */
	width: 100%;
	height: 100%;
	z-index: 20;
}

 
/****************************************************************************************
	borders 
 ****************************************************************************************/
#masthead
{
/*	border-top: solid 2em #D6EBFC;*/
	border-top: solid 2em #AAD057; 
}
#footer
{
/*	border-bottom: solid 2em #D6EBFC;*/
	border-bottom: solid 2em #AAD057; 
}
#innerMasthead, #footerBorder
{
/*	border: solid 1px #000; */
/*	border-style: none; */
	border: 0;
}

#pageFrameMask
{

/*
	border-left: solid 1px #000;
	border-right: solid 1px #000;
*/
	border-style: none;
	
}
#leftColumnMask
{
/*	border-right: solid 1px #000;  */
	border-style: none;
}
.hnav
{
/*	border: solid 1px #000; */
	border 0;
	height: 18px;
	margin-top: -1px;
}
 
/****************************************************************************************
	colors 
 ****************************************************************************************/
body
{
/*	background-color: #D6EBFC;*/
	background-color: #AAD057;
	color: #000;
}
#pageFrameMask
{
	background-color: #AAD057;
}
#bottomColorMask
{
/*	background-color: #D6EBFC;*/
	background-color: #AAD057;
}
#leftColumnMask
{
	background-color: #AFE945;
	background: url(../bg-img/bg-mnu2.gif) repeat;
}
#contentColumnMask
{
	background-color: #84E368;
}
#masthead
{
	background: url(../bg-img/bg-titel.jpg) no-repeat;
	background-color: #AAD057;
	color: #fff;
}
#innerFooter
{

/*	background-image: url(../bg-img/u-lst-u.gif);
	background-repeat:repeat-x;
*/	
	background-color: #AAD057;

}

.vnav ul li a
{
	color: #000;
}
.vnav ul li a:hover
{
	/*background-color: #D6EBFC;*/
	color: #808080;
}

.hnav
{
	background-image: url(../bg-img/u-lst-m.gif);
	background-position: top;
}
.hnav, .hnav ul li a
{
	/*background-color: #AAD057;*/
	/* background-image: url(../bg-img/u-lst-m.gif); */
	color: #fff;
}
.hnav ul li a:hover
{
	color: #DBDBDB;
}

/****************************************************************************************
	fonts 
 ****************************************************************************************/
/*	this familiar hack is used because IE 4/5 have a larger
	font size for the keyword 'small' than IE6/Moz/Opera. So
	we want IE 4/5 to use x-small, and IE6/Moz/Opera to use
	small. Thus we use this hack. */
body
{
	font-family:Verdana,Helvetica,Sans-serif; 
	font-size : x-small;
	voice-family : "\"}\"";
	voice-family : inherit;
	font-size : small;
}
#innerFooter
{
	text-align: center;
	font-size:9px; 
	font-weight:700; 
   height: 10px;
   margin: 0;
   padding: 5px;
}
.hnav a
{
	font-size:10px; 
	font-weight:700; 
	color: #CFCFCF;
}
.hnav a:hover
{
	font-size: 10px; 
	font-weight: 700; 
	color: #EFEFEF;
} 
/****************************************************************************************
	gutters 
 ****************************************************************************************/
#pageFrameMask, #pageFrame
{
	margin: 0 2em;	/* vertical padding on this will have to be faked by adding borders
						of the specified width to the masthead and footer. */
}

/* 0.5em spacing between cells. so content column left and extended column right 
   should be 1/2 that spacing so the spacing keeps the same throughout. No
   top margins needed as the masthead will do that for us. */
#innerLeftColumn
{
	margin: 0 0.25em 0 0;
}
#innerContentColumn
{
	margin: 0 0.5em 0 1em;
}
#innerLeftColumn, #innerContentColumn
{
	padding: 0 1em 0.5em 0.25em;	/* a little padding for inside the columns */
}
#innerMasthead, #innerFooter
{
	padding: 1em;
}
#masthead h1
{
	margin: 0;
}
.vnav
{
	margin: 1em 0;
}
.vnav h3
{
	margin-bottom: 0;
	padding-bottom: 0;
} 

/****************************************************************************************
	hnav 
 ****************************************************************************************/
.hnav
{
	white-space: nowrap;
	margin: 0;
	color: #000;
	border: 0;
	padding: 0;
	height: 18px;
}
* html .hnav/* Hide from IE5/Mac (& IE5.0/Win) */
{
	height: 1%;		/*	holly hack to fix a render bug in IE6/Win */
}
* html .HNAV
{
	height: auto;	/*	above IE6/Win holly hack breaks IE5/Win when page length
						get beyond the point that 1% height is taller than the text
						height. IE5/Win does not need this holly hack so we remove
						it here */
	padding: 0;		/*	IE5/Win will resize #hnav to fit the heights of its
						inline children that have vertical padding. So this
						incorrect case selector will remove that padding */
}

.hnav ul
{
	text-align: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 18px;
	vertical-align:top;
}
.hnav ul li
{
	display: inline;
	white-space: nowrap;
	margin: 0;
	padding: 0;
/* 	height: 18px; */
	float: right;

}
.hnav ul li a
{
	text-decoration: none;
/*
	color: #000;
	background-color: #AAD057;
*/	
	margin: 0 -1px 0 0;
	padding: 0px 10px 0px 10px;
/*	height: 18px; */
/*	border-left: solid 1px #000; */
/*	border-right: solid 1px #000; */
}
* html .HNAV ul li a
{
	width: 1%;		/*	holly hack for IE5/Win inline padding by default this 
						hack fixes different rendering bugs in 5.0 and 	5.5.
						Width is used instead of height because if the document
						is too long, these elements become very tall and disrupt
						the look of the document. too wide an element is better,
						visually, than too tall a document. */
}
.hnav li
{
	text-decoration: none;
	display: inline-block;
/*	border-right: 1px solid; */
	padding: 0 0 0 4px;
	vertical-align: top;	
	margin: 0;
/*	height: 12px; */
	color: #fff;

}
/*
.hnav li:first-child
{
	border-left: 1px solid;
}
*/
.hnav ul li a:hover
{
	text-decoration: none;
}
.hnav img
{
	display: inline-block; 
	float: left; 
	height: 18px;
	left: 0px;
} 

/****************************************************************************************
	vnav 
 ****************************************************************************************/
vnav ul, .vnav ul li
{
	list-style-type: none;
	/* display: block; */
	font-size: 10px; 
	font-weight: 700; 
	color:#000;	
	line-height:13px;
}
.vnav ul
{
	margin: 8px 2px 8px 22px; 
	padding: 2px 0 2px 0;
/*	border: solid 1px #000; */
	border-style: none;
/*
	list-style-type:none; 
	list-style-image:url(../bg-img/button_low.gif);	
	list-style-position: inside;
*/	
	list-style: url(../bg-img/button_low.gif) square;
}
.vnav ul li
{
	/* border-bottom: solid 1px #000; */
	border-style: none;
	vertical-align: middle;
}
.vnav ul li a
{
	display: block;
	text-decoration: none;
}
.vnav li
{
	margin: 1em 0; 
}

.vnav img
{
	float: left;	
	padding: 5px;
	vertical-align: middle;	
}

* html .vnav ul li a/* hide from IE5.0/Win & IE5/Mac */
{
	height: 1%;
}

/****************************************************************************************
			 Kundenbereich - 133
 ****************************************************************************************/
p
{
	font-size:13px; 
	font-weight:400; 
	line-height:17px;	
}
p.center
{
	text-align: center;
}
pre
{
	font-family: arial, helvetica, sans-serif;
	margin: 0;
	font-size:13px; 
	font-weight:400; 
	line-height:17px;	
}
h1
{
	font-size: 17px;
	font-weight: bold;			
	margin: 8px 0px 6px 0px;
}
h2
{
	font-size:16px;
	font-weight : bold;	
	margin: 6px 0px 5px 0px;
}
h3
{
	font-size:15px;
	font-weight : bold;		
	margin: 5px 0px 4px 0px;
	
}
h4
{
	font-size:14px;
	font-weight : bold;	
	margin: 3px 0px 3px 0px;
}
h5
{
	font-size:14px;
	margin: 2px 0px 2px 0px;
}
h6
{
	font-size:13px;
	font-weight : bold;	
	margin: 2px 0px 2px 0px;

}
a.menue:link     { font-family:Verdana,Helvetica,Sans-serif; font-size:10px; font-weight:700; line-height:13px; color:#000000; text-decoration:none; }
a.menue:visited  { font-family:Verdana,Helvetica,Sans-serif; font-size:10px; font-weight:700; line-height:13px; color:#000000; text-decoration:none; }
a.menue:active   { font-family:Verdana,Helvetica,Sans-serif; font-size:10px; font-weight:700; line-height:13px; color:#000000; text-decoration:none; }
a.menue:hover    { font-family:Verdana,Helvetica,Sans-serif; font-size:10px; font-weight:700; line-height:13px; color:#606060; text-decoration:none; }

form
{
	background-color:transparent;
	border-style: none;
}
input
{
	color:Black;
}
img
{
	border-width: 0;	/* remove the border around linked images. <img border="0" ..../> is invalid in XHTML 1.1 */
}
img.void
{
	background-color:transparent;
	border-style: none;
}
img.left{
	background:transparent;
	border-style: none;
	vertical-align: baseline;
	text-align: left;
}
img.right{
	background:transparent;
	border-style: none;
	vertical-align: baseline;
	float : right;
	text-align : right;
}
img.center{
	background:transparent;
	border-style: none;
	vertical-align:middle;
	margin : auto;
	display : block;
}
table{
	color: #000000;
	text-align : left;
 	margin: 0; 
 	padding:0;	
	border-style: none;
	background-color: #84E368;
}
table.info    {
	border: 1px outset Black;
	border-style: ridge;
	padding: 4px;
	margin: 4px;
	background-color: #DEDEDE;
	text-align:center;
}

td.info    {
	text-align: center;
	background-color: #DEDEDE;
}

tr{
	border-style: none;
 	margin: 0; 
 	padding:0;	
}

td{
	border-style: none;
 	margin: 0; 
 	padding:0;	
	text-align:left;
	vertical-align: top;
}

td.border{
	border:1px solid Black;
	text-align:left;
}
td.button{
	background-color:#AAAAAA; 
	color:#FFFFFF; 
	width:200px; 
	border:6px solid #DDDDDD;
}

td.tab_header{
	background-color:#CCFFFF;
	color:#3333CC;
	font-weight:bold;
}

td.tab{
	border-style: none;
	background-color:#FFFFCC;
	color:#3333CC;
}

td.copyright{
	background:transparent;
	font-size:75%;
	vertical-align:text-bottom;
	text-align:center;
}

td.header{
	text-align:left;
	width:100%;
	vertical-align:text-top;
}

td.void{
	background-color:transparent;
}

td.titel{
	text-align:right;
	width:100%;
	vertical-align:text-bottom;
	font-size:22px;
	font-weight:bold;
	background-color:#DDB67C;
	height:58px;
	color:Blue;
}

table.center{
	border-style: none;
	width:100%;
	background-color:transparent;
	text-align:center;
}

tr.center{
	background-color:transparent;
	vertical-align:text-top;
}

td.center{
	background-color:transparent;
	padding:4px;
	text-align:center;
}

*.dyn_gb_header{
	text-indent: 5px;
	background-color : #D4BBA3;
	color : black;	
	margin:0px;
	width:100%;
	font-size:13px;
}

*.dyn_gb{
	width:100%;
	font-size:12px;
	margin:0px;
	padding:5px;
}

*.note{
	border-style: none;
	background-color: transparent;
	padding: 4px;
	text-align: left;
	font-style: italic;
	font-size: 13px;
}