body   {

	font-size: 12px;
	color: #000000; /* standard textfarbe */
    font: Arial, Helvetica, sans-serif; /* standard textart */
	background-color: #EEECE0; /* hintergrund-farbe */
	
/* scrollbar für iexplorer */
scrollbar-arrow-color: #333888;
scrollbar-base-color: #EFECE3;
scrollbar-track-color: #FFFFFF;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #ECECEE;
scrollbar-darkshadow-color: #D1D1CF;
scrollbar-shadow-color: #EAEAEA;
} 
			
/* png Transparenz für ie bis 6 */
img {
behavior: url("../pngbehavior.htc");
}
		
/* Linkfarben etc */
a:link   {color:#333888; text-decoration: none }
a:visited {color:#333888; text-decoration: none }
a:hover    {color:#1F224A; text-decoration: none }


td {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none
}


th {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none
}

h1
    {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #000000;
	font-weight: bold;
	}
	
h2
    {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color: #000000;
	font-weight: bold;
	margin-bottom: 5px;

    }
	
p {
	font-family: Arial, Helvetica, sans-serif;
	line-height:16px; 
	font-size:12px;
	margin: 0em;
}

 ul /* Einrückung */
    {
	list-style-image:url(assets/design/bullet_list.gif);
	list-style-position:outside;
	color:#000000;
    }

li {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	margin-bottom: 10px;
}


/* ----------------- Container def. die Größe und Position der gesamten Seite ---------------------- */
#container
    {
	position: relative;
	margin: 0 auto;
	top: 10px;
	width: 840px;
	height: 620px;
	border:solid 1px #FFFFFF;
    }
	
* html #container
    {
    width: 840px;
    }


/* ----------------- Position des Banners (Bild sollte indiv. in html eingefügt werden) ---------------------- */
#pageHeader
    {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 840px;
	height: 150px;
	background-color: #D7D7D5;
    }
	
	
/* -----------------Position des Logos---------------------- */

#logo
    {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 160px;
	height: 150px;
	background-image: url(assets/design/vs_logo.gif);
    }
	
	
/* ----------------- Position Grafik Banner  ---------------------- */
#banner_text
    {
	position: absolute;
	top: 117px;
	left: 175px;
	width: 650px;
	height: 20px;
    }
	
#banner_text p
    {
	position: absolute;
	color: #FFFFFF;
	font-weight: bold;
	top: -1px;
	left: 15px;
    }

#banner_grafik
    {
	position: absolute;
	top: 0px;
	left: 160px;
	width: 680px;
	height: 150px;
    }

/* --------------------------------------------------------- */



/* ----------------- Hintergrund Body ---------------------- */

#contentArea
    {
	position: absolute;
	top: 150px;
	left: 0px;
	width: 840px;
	height: 470px;
	background-image: url(assets/design/back_content.gif);
    }



/* ----------------- Navigation Hintergrund ---------------------- */

#linkList
    {
	position: absolute;
	top: 170px;
	left: 0px;
	width: 160px;
	height: 435px;
	background-color: #EAEAEA;
	background-image: url(assets/design/back_links.gif);
    }
	
	
	
/* ----------------- Navigation Start ---------------------- */
	
#Navigation 
    {
	position: absolute;
	top: 170px;
	left: 0px;
	width: 160px;
	height: 435px;
    }


#Navigation a:link   {color:#000000; text-decoration: none }
#Navigation a:visited {color:#000000; text-decoration: none }
#Navigation a:hover   {color:#333888; text-decoration: none }


#Navigation .Navi_01 {  /* 1.te Ebene */
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 12px;
	font-size:12px;
	line-height:16px; 
	color: #000000;
	font-weight: bold;
}

#Navigation .Navi_02 { /* 2.te Ebene */
	font-family: Arial, Helvetica, sans-serfif;
	margin-left: 17px;
	line-height:19px; 
	font-size:11px;
	color: #000000;
	font-weight: bold;
}
#Navigation .Navi_03  { /* 3.te Ebene */
	font-family: Arial, Helvetica, sans-serfif;
	margin-left: 28px;
	line-height:19px; 
	font-size:11px;
	color: #000000;
	font-weight: normal;
}
#Navigation td { /* Navi-tabelle */
	border:0 ;
	cellpadding:0 ;
	cellspacing:0 ;
	padding-top: 3px;
	padding-bottom: 2px;
}



/* ----------------- Navigation Ende---------------------- */
	
	
	
/* ----------------- Fließtext Start ---------------------- */	
#bodyText
    {
	position: absolute;
	overflow: auto;
	padding-right:5px;
	top: 168px;
	left: 188px;
	width: 432px;
	height: 435px;
    }
	
#bodyText .Head_01 {  /* Hauptüberschrift */
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px; 
	color: #000000;
	font-weight: bold;
}

#bodyText .p {
	font-family: Arial, Helvetica, sans-serif;
	line-height:16px; 
	font-size:12px;
	margin: 0em;
}

	
#bodyText .Head_02  /* Zwischeüberschrift */
    {
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 16px;
	text-indent:-16px;
	font-size:12px;
	line-height:20px; 
	color: #000000;
	font-weight: bold;
    }	
	
#bodyText h2.Head_02  /* Zwischeüberschrift */
    {
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 16px;
	text-indent:-16px;
	font-size:12px;
	line-height:20px; 
	color: #000000;
	font-weight: bold;
    }		

#bodyText  .ul /* Einrückung */
    {
	list-style-image:url(assets/design/bullet_list.gif);
	list-style-position:outside;
	color:#000000;
    }
	
#bodyText  li {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	margin-bottom: 10px;
}

#body.Stil1 {
	font-size: 10px;
}

/* alternativer Div Layer für Texte die über die ganze Seite laufen, dann aber die Div-Layer #bodyText und #image ohne Inhalte   */	

#bodyFullscreen
    {
	position: absolute;
	overflow: auto;
	top: 170px;
	left: 196px;
	width: 635px;
	height: 435px;
    }
	
#bodyFullscreen .p {
	font-family: Arial, Helvetica, sans-serif;
	line-height:16px; 
	font-size:12px;
	margin: 0em;
}
	
#bodyFullscreen .Head_01 {  /* Hauptüberschrift */
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px; 
	color: #000000;
	font-weight: bold;
}
	
#bodyFullscreen .Head_02  /* Zwischeüberschrift */
    {
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 16px;
	text-indent:-16px;
	font-size:12px;
	line-height:20px; 
	color: #000000;
	font-weight: bold;
    }	

#bodyFullscreen .h2.Head_02  /* Zwischeüberschrift */
    {
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 16px;
	text-indent:-16px;
	font-size:12px;
	line-height:20px; 
	color: #000000;
	font-weight: bold;
    }		

#bodyFullscreen  .ul /* Einrückung */
    {
	list-style-image:url(assets/design/bullet_list.gif);
	list-style-position:outside;
	color:#000000;
    }
	
#bodyFullscreen  li {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	margin-bottom: 10px;
}

#bodyFullscreen {
	font-size: 10px;
}


/* ----------------- Fließtext Ende ---------------------- */	


/* ----------------- Position Bild rechts ---------------------- */

#abstact
    {
	position: absolute;
	top: 170px;
	left: 630px;
	width: 200px;
	height: 435px;
	background-color: #FFFFFF;
    }
#abstact .Head_02  /* Zwischeüberschrift */
    {
	font-family: Arial, Helvetica, sans-serif;
	line-height:12px; 
	font-size:12px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 5px;
	color: #333888;
	font-weight: bold;
    }	
#abstact p  /* fliesstext */
    {
	line-height:16px; 
	font-size:12px;
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	color: #000000;
    }	
	
#abstact td { 
	border:0 ;
	cellpadding:0 ;
	cellspacing:0 ;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

#abstact  .ul /* Einrückung */
    {
	list-style-image:url(assets/design/bullet_list.gif);
	list-style-position:outside;
	color:#000000;
    }
	
#abstact  li {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	margin-bottom: 10px;
}

#abstact .Stil1 {
	font-size: 10px;
}

	
/* ----------------- Position Extra Div rechts über Bild für Was-auch-immer (seiten Navigation, Hinweise .... )  ---------------------- */

#extra
    {
	position: absolute;
	top: 566px;
	left: 630px;
	width: 200px;
	height: 40px;
    }
	
/* ----------------- Definition der Buttons ---------------------- */


a.button
      {
      font-family:Arial;
      font-size:9px;
      color: #333888;
      background-Color: #D1D1CF;
      border-left: 1px solid #333888;
      border-top: 1px solid #333888;
      border-right: 1px solid #333888;
      border-bottom: 1px solid #333888;
      text-decoration: none;
      width: 150px;
      text-align: right;
	  padding:1px;
      }
a.button:hover
      {
      color: #D04B04;
      background-Color: #9C9C9C;
      border-left: 1px solid #333888;
      border-top: 1px solid #333888;
      border-right: 1px solid #333888;
      border-bottom: 1px solid #333888;
	  padding:1px
      }