/*	reset some basic style
*******************************************************************************/
a:hover
{
    text-decoration: none;
}

/*	style sg geltow
*******************************************************************************/

BODY {
	FONT-SIZE: 12px;
	FONT-FAMILY: Helvetica, Verdana, Arial, Sans-Serif;
	BACKGROUND-COLOR: #fefefe;
	MARGIN: 0px;
	TEXT-ALIGN: center;
}
H1 {
	FONT-SIZE: 16pt;
	MARGIN-BOTTOM: 0px;
	COLOR: #005187;
}
H2 {
	FONT-SIZE: 14pt;
	MARGIN-BOTTOM: 0px;
	COLOR: #002B46;
}
H3 {
	FONT-SIZE: 12pt;
	MARGIN-BOTTOM: 0px;
	COLOR: #000000;
}
P {
	MARGIN-TOP: 0px;
}
PRE {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	FONT-SIZE: 14px;
	PADDING-BOTTOM: 5px;
	COLOR: #0000ff;
	PADDING-TOP: 5px;
}
A:link {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #005187;
	TEXT-DECORATION: none;
}
A:visited {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #005187;
	TEXT-DECORATION: none;
}
A:active {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #FAB632;
	TEXT-DECORATION: underline;
}
A:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #FBBE5C;
	TEXT-DECORATION: none;
}

#container {
	WIDTH: 1024px;
	BACKGROUND-COLOR: #ffffff;
	TEXT-ALIGN: left;
}
#top, #top_menu, #left_menu, #right_img, #content, #footer {
	BORDER: #000000 0px solid;
}
#top_menu, #left_menu, #footer {
	FONT-WEIGHT: bold;
	COLOR: #FFFFFF;
}
#top {
	MARGIN-BOTTOM: 3px;
	HEIGHT: 140px;
   BACKGROUND-IMAGE: url(sgg_logobanner.jpg);
	BACKGROUND-COLOR: #005187;
}
#top_menu {
	PADDING-LEFT: 219px;
	PADDING-TOP: 19px;
	HEIGHT: 40px;
	BACKGROUND-COLOR: #005187;
	TEXT-TRANSFORM: uppercase;
}
#middle {
	MARGIN-BOTTOM: 3px;
	MARGIN-TOP: 3px;
}
.middle_tbl {
	WIDTH: 100%;
}
.left_menu {
	WIDTH: 200px;
	HEIGHT: 100%;
	VERTICAL-ALIGN: top;
	PADDING-TOP: 19px;
	BACKGROUND-COLOR: #407DA5;
	TEXT-TRANSFORM: uppercase;
}
.left_menu_line {
	WIDTH: 100%;
	HEIGHT: 5px;
}
.right_img {
	WIDTH: 211px;
	HEIGHT: 100%;
	VERTICAL-ALIGN: top;
	BACKGROUND-COLOR: #005187;
}
.breadcrumb {
	VERTICAL-ALIGN: top;
	COLOR: #407DA5;
	FONT-STYLE: italic;
	PADDING-LEFT: 0px;
	PADDING-TOP: 5px;
}
.content {
	VERTICAL-ALIGN: top;
	PADDING: 8px 19px 19px 19px;
	HEIGHT: 100%;
	BACKGROUND-IMAGE: url(sgg_logotextback_blue.gif);
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: 50% 0%;
}
#footer {
	PADDING-LEFT: 219px;
	PADDING-TOP: 19px;
	HEIGHT: 80px;
	BACKGROUND-COLOR: #005187;
	TEXT-TRANSFORM: uppercase;
}

/*	Navigation horizontal and vertical - 
------------------------------------------------------------------------------*/

/*	Nav 1st - Das obere Menü
------------------------------------------------------------------------------*/
#top_menu ul.nav1st
{
	 padding: 0px;
	 margin: 0px;
	 text-align: left;
}
#top_menu ul.nav1st li
{
	display: block;
	float: left;
	padding-right: 10px;
   color: #FFFFFF;
}
#top_menu ul.nav1st li.active, #top_menu ul.nav1st li.active a, #top_menu ul.nav1st li.active a:link
{
    text-decoration: none;
	 color: #ADD8E6;
}
#top_menu ul.nav1st li.active a:hover
{
    color: #FBBE5C;
    text-decoration: underline;
}
#top_menu ul.nav1st a, #top_menu ul.nav1st a:link
{
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
}
#top_menu ul.nav1st a:hover
{
    color: #FAB632;
    text-decoration: underline;
}


/*	Nav 2nd - Das linke Menü!
------------------------------------------------------------------------------*/
.left_menu ul.nav2nd
{
	 padding: 0px;
	 margin: 0px;
	 text-align: left;
}
.left_menu ul.nav2nd li
{
    font-weight: normal;
	 padding-bottom: 5px;
 	 padding-top: 5px;
	 padding-left: 10px;
 	 margin: 0px;
	 color: #FFFFFF;
}

.left_menu ul.nav2nd a, .left_menu ul.nav2nd a:link
{
    display: block;
	 color: #FFFFFF;
}

.left_menu ul.nav2nd a.current, .left_menu ul.nav2nd a.current:link, .left_menu ul.nav2nd a:hover
{
    color: #FAB632;
    text-decoration: none;
}
.left_menu ul.nav2nd a, .left_menu ul.nav2nd a:link
{
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
}
.left_menu ul.nav2nd a:hover
{
    color: #FAB632;
    text-decoration: underline;
}


/*	Nav 3rd - Das linke Menü!
------------------------------------------------------------------------------*/
.left_menu ul.nav3rd
{
	padding-left: 25px;
	padding-bottom: 5px;
	margin-left: 0px;
	text-align: left;
	list-style-type:square;
	text-transform: none;
}
.left_menu ul.nav3rd li
{
   font-weight: normal;
	padding-left: 0px;
	padding-bottom: 0px;
  	padding-top: 2px;
 	margin: 0px;
	color: #FFFFFF;
}


/*	Nav 1st - Der Footer
------------------------------------------------------------------------------*/
#footer ul.nav1st
{
	 padding: 0px;
	 margin: 0px;
	 text-align: left;
}
#footer ul.nav1st li
{
	display: block;
	float: left;
	padding-right: 10px;
   color: #FFFFFF;
}
#footer ul.nav1st li.active, #footer ul.nav1st li.active a, #footer ul.nav1st li.active a:link
{
    text-decoration: none;
	 color: #ADD8E6;
}
#footer ul.nav1st li.active a:hover
{
    color: #FBBE5C;
    text-decoration: underline;
}
#footer ul.nav1st a, #footer ul.nav1st a:link
{
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
}
#footer ul.nav1st a:hover
{
    color: #FAB632;
    text-decoration: underline;
}