/* === COMMON === */
*
{
	margin: 0;																					  	/* Abstand zum Eltern oder Vorgänger Element */
	padding: 0;																					  	/* Abstand vom eigenen Rand zu eigenen Inhalt */
}
html 
{
	width: 100%;
	height: 100%;
    overflow-y: scroll;                                                                                                 /* always y scrollbar avoid flicker */
}
body 
{
	margin-left: auto;																				/* Zentrieren */	
	margin-right: auto;																				/* Zentrieren */

	width: 774px;

	text-align: left;																				/* Reset auf Normal-Ausrichtung */
	font-size: 75%;
	font-family: verdana,tahoma,arial,helvetica,sans-serif;
	color: rgb(0,0,0);

	background-color: rgb(233,248,248);
	background-image: url(../../_image/_common/back.gif);
	background-repeat: repeat-y;
	background-position: center;
}




/* === TOP === */
#f-top
{
	position: absolute;
	top: 0px;
	width: 774px;
	height: 161px;
	z-index: 10;
	background-image: url(../../_image/_common/top.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#f-top[id] 
{
   	position: fixed;
}
#f-top-print
{
	display: none;
}
#f-top-1
{
	position: relative;
	top: 95px;
	left: 0px;
	width: 100%;
	text-align: right;
	margin-bottom: 1px;
	z-index: 12;
}
.f-top-1a
{
	margin-left: 10px;
	margin-right: 10px;
	font-size: 	0.8em;
	font-weight: bold;
	text-decoration: none;
	color: rgb(88,178,213);
}
#f-top-1 span
{
	display: none;
}
#f-top-2
{
	position: relative;
	top: 95px;
	left: 432px;
	width: 342px;
	height: 1px;
	border-top: 1px solid rgb(190,233,232);
	z-index: 13;
}




/* === NAVI === */
#f-navi
{
	position: absolute;
	top: 181px;																						/* top + banner */ 
	width: 200px;
	z-index: 1;
	margin-top: 27px;																				/* Abstand des Inhalts zu oberen Rand, so steueren weil IE kein fixed kann */
	padding-top: 20px;																				/* Buttons erst unterhalb der rechten Linie */
	overflow: hidden;
}
#f-navi[id] 
{
   	position: fixed;
}
.f-navi-1, .f-navi-2
{
	display: table;																					/* Für verticale Zentrierung */
	width: 158px;
	height: 36px;
	z-index: 2;
	margin-left: 10px;																		
	margin-bottom: 10px;
}
.f-navi-1 a, .f-navi-2 a 
{
	display: table-cell;																			/* Für verticale Zentrierung */
	vertical-align: middle;

	width: 138px;																					/* Damit Link nicht zu weit nach Rechts geht */
	height: 36px;

	padding-left: 26px;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	font-family: verdana,tahoma,arial,helvetica,sans-serif;
	color: rgb(88,178,213);
}
.f-navi-1 a
{
	background-image: url(../../_image/_common/navi1.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.f-navi-2 a, .f-navi-1 a:hover
{
	background-image: url(../../_image/_common/navi2.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.f-navi-1 span, .f-navi-2 span
{
	display: none;
}
#f-navi-3
{
	position: relative;
	top: -286px;
	left: 10px;
	margin-left: 158px;
	height: 296px;
	z-index: 2;
	border-right: 1px solid rgb(190,233,232);
}




/* === CONTENT === */
#f-content
{
	position: absolute;
	top: 161px;
	width: 774px;
}
#f-content #f-inner
{
	position: absolute;
	top: 0px;
	left: 210px;
	width: 532px;
	padding-bottom: 32px;
}
#f-banner
{
	width: 532px;
	height: 21px;
	margin-bottom: 2em;
}
#f-banner-1
{
	position: absolute;
	top: 0px;
	width: 100%;
	min-height: 21px;
	z-index: 2;
	background-image: url(../../_image/_common/banner.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#f-banner-2
{
	display: none;
}
#f-subnavi span
{
    color: rgb(88,178,213);
}
#f-subnavi a
{
    color: rgb(88,178,213);
	text-decoration: underline;
}
