* { font-size: 11px; }

div { line-height: 16px; }

.blueFooter 
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #001B89;
	padding-bottom: 6px;
	text-align: center;
}

body 
{
	color:#DCDDDD;
	background-color:#DCDDDD;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;

	/* url(bg_grau_punkte.gif); */
	margin:0px;
	/* works on MSIE only - for NS, Gecko, Opera you must set marginwidth="0" marginheight="0" in the body tag of the html-file additionally*/
	background-position : bottom;
	background-repeat : repeat-x;
}

table
{
	background-color:#ffffff;
}
 
p 
{
	padding:0px;
	margin: 0px;
}

td {
	/* no inheritance of the font-size (and family, size in NS4) from body, so repeat it here */
	color: #000000;
	background-color: #ffffff;
	/* ns4 */
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	/* ns4 */
	font-size: 11px;
	text-align: left;
	vertical-align: top;
}

/* define headlines explicitly because the differences of default-headlines are too big between the main-browsers */
h1 {
	font-size: 18px;
	font-weight : normal;
	border-bottom: dashed 2px silver;
	margin-right: 20px;
	text-align: left;
	line-height: 25px;
}

h2 
{
	font-size: 13px;
	font-weight : bold;
	margin-bottom: 4px;
	margin-top: 8px;
	color: #000000;
}

h3 
{
	font-size: 14px;
	font-weight : normal;
	margin-bottom: 4px;
	margin-top: 14px;
}

ul {
	padding-bottom: 2px;
	margin-top: 0px;
	margin-bottom: 4px;
}

li {
	padding-bottom: 2px;
}

/* class for areas displayed in print-version only */
.print {
	display: none;
}
/* this class defines the bg-color for the content area and the wysiwyg-editor if not identically with the colors set in body */
.content {
	color: #000000;
	padding: 10px;
	padding-top:21px;
	border: 0px solid black;
}

#contentF {
	background-color:#ffffff;
	padding: 10px;
	padding-top:0px;
	width: 560px;
	border: 0px solid black;
 	margin-left: auto;
	margin-left: 0px;
	float: left;
	
}

#contentStart {
	background-color: #f3f3f3;
	padding: 3px;
	padding-top: 6px;
	width: 560px;
	border: 1px solid silver;
 	margin-left: auto;
	margin-left: 0px;
	float: left;
	margin-bottom: 8px;
}

#boxSpalte
{
	margin-top: 70px;
	margin-left: 425px;
	width: 160px;
	margin-bottom: 4px;
}

#boxTitel
{
	padding: 3px;
	background: #000000;
	color: #FFFFFF;
	font-size: 90%;
	font-weight: bold;
	width: 302px;
}

#boxContent
{
	background:#FFFFFF;
	padding: 3px;
	border: 1px solid #000000;
	font-size: 90%;
	margin-bottom: 4px;
	width: 300px;
}

#boxContentStichworte
{
	background-color: #8C96A5;
	padding: 3px;
	border: 1px solid #8C96A5;
	font-size: 90%;
	margin-bottom: 4px;
}

/* links box */
a.box:link			{
	text-decoration: none;
	color : black;
}

a.box:visited		
{
	text-decoration: none;
	color : black;
}

a.box:hover		
{
	text-decoration: none;
	color : black;
	
}

a.box:active
{
	text-decoration: none;
	color : black;
}

.error 		
{
	border: 1px solid #CC0000;
	background-color:#FFCCCC;
	padding:4px;
	width: 80%;
}



/* links box */
a.btnBack:link, a.btnBack:visited, a.btnBack:hover, a.btnBack:active 
{
	background-image:url(/img/back.gif);
	background-repeat: no-repeat;
	padding-left: 16px;
	text-decoration: none;
	color : black;
}

a.btnBack:hover
{
	text-decoration: none;
	color: #006633;
}

/* links */
a
{
	text-decoration: underline;
	color : #005A96;
}

/* links */
a.start:link
{
	text-decoration: none;
	color : silver;
}

a.start:visited	
{
	text-decoration: none;
	color : silver;
}

a.start:hover
{
	text-decoration: none;
	color : silver;
}

a.start:active 	
{
	text-decoration: none;
	color : silver;
}

input
{
	padding: 1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#003333;
}

/* misc */
.sitemap
{
	border : 1px solid black;
	padding: 3px
}

.hochgestellt 
{
	font-size : 70%;
	vertical-align:text-top;
}

.footer		
{
	/* text-decoration doesn´t work as class in gecko, so you have to specify this in the footer.html file */
	font-size: 12px;
	color: white;
	font-weight : bold;
	margin-left: 32px;
}

.navigation 
{
	border-right: 0px dotted #DCDDDD;
	padding-right: 0px;
}

/* navigation */
.navigation a:link, .navigation a:visited 
{
	color: #000000;
}

.navigation a:hover, .navigation a:active {
	color: #FFFFFF;
	background-color : #1A625E;
	display:block;
}

.level_0 
{
	text-indent : 16px;
	font-size : 11px;
	line-height : 20px;
	border-top : 1px solid #DCDDDD;
	background-color: #CDF3E8;
}

.level_1 
{
	text-indent : 20px;
	font-size : 10px;
}

.level_2 
{
	text-indent : 25px;
	font-size : 9px;
}

.level_3 
{
	text-indent : 27px;
	font-size : 9px;
}

.level_0active 
{
	text-indent : 16px;
	font-size : 11px;
	color: #000000;
	line-height : 20px;
	border-top : 1px solid #DCDDDD;
	background-color: #f3f3f3;
}

.formBg
{
    background-color: #f3f3f3;
}

.formBgTitle
{
    background-color: #CDF3E8;
}

/* IGSI */
a.infoF
{
    position: relative; /*this is the key*/
    z-index: 24; 
    color: #000000;
    text-align: left;
    font-weight: bold;
    text-decoration: none;
    color: #000000;
}

a.infoF:hover
{
    z-index:25; 
	text-align: left;
	text-decoration: underline;
	color: #F75C0F;
}

a.infoF span
{
    display: none;
}

a.infoF:hover span
{
    display: block;
    position: absolute;
	padding: 4px;
    top: 2em; 
    left: 2em;
    width: auto;
    border: 1px solid gray;
    background-color: #f3f3f3;
    text-align: left;
	font-weight: normal;
	text-decoration:none;
	color: #000000;
}