/*

    -------------------------------------------------------------------------
    Thank you for looking at our source! this site is created and designed by
    -------------------------------------------------------------------------
    www.bg-informatik.ch  BG Informatik - Bramenstrasse 5 - 8184 Bachenbülach
    All content & graphics  © 2007 by BG Informatik GmbH - All right reserved
    -------------------------------------------------------------------------

*/


/* ==================== MAIN ==================== */

body, table
{
	background:       #eff7f7 url(../Style/Hintergrund_Body.jpg);
	font-family:      Verdana, Arial, Helvetica, sans-serif;
	font-size:        11px;
	font-weight:      normal;
	text-align:       justify;
	background-color: #f0f2f5;
	color:            #000000;
	line-height:      20px;
	padding:          0px;

	overflow-x:       hidden;
	overflow-y:       auto;

	scrollbar-face-color:        #c1ccd8;  /* Bar */
	scrollbar-arrow-color:       #171d24;  /* Pfeile */
	scrollbar-track-color:       #e1e6ec;  /* leer-Bar */
	scrollbar-3dlight-color:     #5c7897;  /* links oben Aussen */
	scrollbar-darkshadow-color:  #5c7897;  /* rechts unten Aussen */
	scrollbar-highlight-color:   #ffffff;  /* links oben Innen */
	scrollbar-shadow-color:      #ffffff;  /* rechts unten Innen */
}

table
{
	background:       none;
}

img
{
	border:           none;
}


/* =========== Positionierung Ebenen ============ */


.POS_BalkenOben
{
	z-index:          2;
	position:         absolute;
	left:             0px;
	top:              0px;
	width:            100%;
	background:       #ffffff url(../Style/Balken_oben2.jpg);
	margin:           0px;
}

.POS_Logo
{
	z-index:          2;
	position:         absolute;
	left:             50px;
	top:              10px;
	margin:           0px;
}

.POS_RandOben
{
	z-index:          1;
	position:         relative;
	left:             50px;
	width:            100%;
	height:           220px;
	margin:           0px;
}

.POS_Menu
{
	z-index:          9;
	position:         relative;
	left:             25px;
	height:           30px;
	width:            600px;
}

.POS_Inhalt
{
	z-index:          3;
	position:         relative;
	left:             50px;
	width:            600px;
	background:       #ffffff url(../Style/Hintergrund_Inhalt.jpg);
	border:           1px solid #cccccc;
	padding:          0px;
	margin:           0px;
}

.Rand36
{
/*	border:           1px solid #ff0000;          /* TEST TEST TEST TEST TEST */
	padding:          16px;
	margin-top:		  -18px;
}

.Rand20
{
/*	border:           1px solid #ff0000;          /* TEST TEST TEST TEST TEST */
	padding:          20px;
}

.Rand10
{
/*	border:           1px solid #ff0000;          /* TEST TEST TEST TEST TEST */
	padding:          10px;
}

.POS_Fusszeile
{
	z-index:          3;
	position:         relative;
	left:             50px;
/*	height:           20px;*/
	width:            600px;
	text-align:       right;
	padding:          0px;
}

.POS_Fusszeile____ALT____
{
	z-index:          3;
	position:         relative;
	left:             50px;
	width:            600px;
	background:       #ffffff url(../Style/Hintergrund_Inhalt.jpg);
	border:           1px solid #cccccc;
	text-align:       right;
	padding:          0px;
	margin:           0px;
}

.POS_BalkenUnten
{
	z-index:          2;
	position:         relative;
	left:             0px;
	width:            100%;
/*	background:       url(../Style/Balken_unten_blau.gif);
*/	margin:           0px;
}


.POS_InfoBox
{
	z-index:          3;
	position:         absolute;
	top:              250px;
	left:             680px;
	width:            200px;
	background:       #ffffff url(../Style/Hintergrund_Inhalt.jpg);
	border:           1px solid #cccccc;
	padding:          0px;
	margin:           0px;
}

.POS_Kreisbild
{
	z-index:          3;
	position:         absolute;
	left:             680px;
	margin:           0px;
}

.POS_Raster
{
	z-index:          4;
	position:         absolute;
	left:             1px;
	top:              1px;
	filter:           alpha(Opacity=20);
	-moz-opacity:     0.20;
}
/* =========== Inhalt ============ */

.Titel
{
	font-family:      Arial, Verdana, Helvetica, sans-serif;
	font-size:        14px;
	font-weight:      bold;
	text-align:       left;
	color:            #010080;
	line-height:      18px;
}

.StepA
{
	font-family:      Arial, Verdana, Helvetica, sans-serif;
	font-size:        14px;
	font-weight:      bold;
	text-align:       center;
	color:            #010080;
	line-height:      18px;
	background:       #ffffff;
	border:           1px solid #cccccc;
}

.StepB
{
	font-family:      Arial, Verdana, Helvetica, sans-serif;
	font-size:        14px;
	font-weight:      bold;
	text-align:       center;
	color:            #010080;
	line-height:      18px;
	background:       #66ff66;
	border:           1px solid #cccccc;
}


#Inhalt
{
}

#Inhalt A:link
{
	color:            #010080;
	text-decoration:  none;
	font :            bold;
	border-color:     #010080;
	border-style:     none none dotted none;
	border-width:     0px;
	padding :         1px 3px 1px 3px;
}

#Inhalt A:visited
{
	color:            #813fb8; // violett
	color:            #304d6c;
	text-decoration:  none;
	font :            bold;
	border-color:     #304d6c;
	border-style:     none none dotted none;
	border-width:     0px;
	padding :         1px 3px 1px 3px;
}
#Inhalt A:hover
{
	color:            #ffffff;
	text-decoration:  none;
	font :            bold;
	background-color: #010080;
	border-color:     #010080;
	border-style:     none none dotted none;
	border-width:     0px;
	padding :         1px 3px 1px 3px;
}
#Inhalt A:active
{
	color:            #ffff80;
	text-decoration:  none;
	font :            bold;
	background-color: #010080;
	border-color:     #010080;
	border-style:     none none dotted none;
	border-width:     0px;
	padding :         1px 3px 1px 3px;
}


/* ==================== Specials ==================== */


.FussText
{
	font-family:      Verdana, Arial, Helvetica, sans-serif;
	font-size:        8px;
	font-weight:      normal;
	text-align:       left;
	color:            #000000;
	width:            200px;
	padding :         0px 0px 0px 70px;
}


.TipserTitel
{
	font-family:      Verdana, Arial, Helvetica, sans-serif;
	font-size:        11px;
	font-weight:      bold;
	text-align:       center;
	color:            #ffffff;
	line-height:      16px;
	padding :         0px;
}
.TipserText
{
	font-family:      Verdana, Arial, Helvetica, sans-serif;
	font-size:        11px;
	font-weight:      normal;
	text-align:       left;
	color:            #000000;
	line-height:      16px;
	padding :         0px;
}


/* ==================== Menu ==================== */
a:link,  a:visited, a:active
{
	font-family:      Verdana ,Arial, sans-serif;
	font-size:        12px;
	color:            #003366;
	font-weight:      bold;
	text-decoration:  none;
}
a:hover 
{
	font-family:      Verdana ,Arial, sans-serif;
	font-size:        12px;
	color:            #003366;
	text-decoration:  underline;

}

.Menu 
{
	font-family:      Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:        11px;
	padding:          1px;
}

.SubMenu
{
/*	border:           1px solid #808080;*/
	padding:          1px;
	background:       #c4ceda; /* Alte Farbe = #d5d9d8 */
	filter:           alpha(opacity=85); /* IE */
	-moz-opacity:     0.85;              /* Gecko */
	opacity:          0.85;              /* Opera */
}

.SubMenu a:link,
.SubMenu a:visited,
.SubMenu a:active
{
	font-family:      Verdana ,Arial, sans-serif;
	font-size:        12px;
	display:          block;
	text-decoration:  none;
	font-weight:      bold;
	color:            #000084;
	padding:          1px;
	border:           1px solid #c4ceda;
}
.SubMenu a:hover 
{
	font-family:      Verdana ,Arial, sans-serif;
	font-size:        12px;
	display:          block;
	text-decoration:  none;
	font-weight:      bold;
	background-color: #2f3c4b;
	color:            #e5eaef;
	padding:          1px;
	border:           1px solid #000084;
}


/* ==================== Formulare ==================== */
input, select, textarea
{
	font-family:      Verdana;
	color:            #333333; 
	font :            bold;
	background-color: #F9FAFC;
	border-color:     #999999;
	border-style:     solid; 
	font-size:        11px; 
	letter-spacing :  1px;
	border-width:     1px;
}

.radio
{
	border-style:     solid; 
	border-width:     0px; 
	background-color: #F9FAFC;
}

.box
{
	border-style:     solid; 
	border-width:     0px; 
	background-color: #F9FAFC;
}

.Knopf
{
	font-family:      Verdana;
	font-size :       11px; 
	color :           #eeeeee; 
	font-style :      normal; 
	font-weight :     bold; 
	text-align :      center; 
	letter-spacing :  1px;
	border-style:     solid; 
	border-width:     2px; 
	border-color:     #000000; 
	background-color: #577290;
}
.Gesperrt
{
	text-align :      right; 
	border-style:     solid; 
	border-width:     0px; 
	border-color:     #EFF3F6; 
	background-color: #GaestebuchFehler
}
#FormularFehler
{
	font:             bold 14px Arial, Helvetica, sans-serif;
	text-align:       center;
	color:            #000000;
	background:       #ff6600;
	border:           3px solid #000000;
}

#FormularOK
{
	font:             bold 14px Arial, Helvetica, sans-serif;
	text-align:       center;
	color:            #000000;
	background:       #99ff99;
	border:           3px solid #000000;
}