body
{
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	font-size: 11px;
	line-height: 16px;
	font-family: Verdana;
	color: #e2e3e2;
	background-image: url(../images/pgi_bg_site.jpg);
}

#debug
{
	display: none;
	white-space: pre;
}

a
{
	text-decoration: none;
	color: #e2e3e2;
}

td
{
	valign: top;
	font-size: 11px;
	line-height: 16px;
	font-family: Verdana;
	color: #e2e3e2;
}

h1
{
	valign: top;
	font-size: 18px;
	line-height: 16px;
	font-family: Verdana;
	font-weight: normal;
	color: #e2e3e2;
}


ul
{
	margin: 0px 0px 0px 15px;
	position: relative;
	z-index: 0;
	padding: 0;
}

ul.right_navi
{
	list-style: none;
	color: #c3c5c2;
	margin: 0;
	padding: 0;
}

.right_navi li a
{
	font-size: 11px;
	line-height: 200%;
	color: #c3c5c2;
	padding: 0;
}

.right_navi a:hover
{
	color: #ffffff;
}

a.right_navi_active:link,
a.right_navi_active:active,
a.right_navi_active:focus,
a.right_navi_active:visited
{
	color: #ffffff;
}

#pgi_logo_01
{
	float: left;
	border: 0px solid red;
	width: 385px;
	height: 185px;
}

#pgi_logo_02
{
	clear: left;
	border: none;
	width: 353px;
	height: 102px;
	top: 185px;
}

#pgi_menu_top
{
	float: left;
	border: 0px solid green;
	margin-left: 0px;
	margin-top: 125px;
	width: 800px;
	height: 20px;
}

#pgi_menu_right
{
	position: absolute;
	top: 197px;
	left: 799px;
	border: none;
	width: 90px;
	height: 358px;
	font-size: 11px;
	font-family: Verdana;
	color: #ffffff;
	z-index:3;
}

#pgi_content_wrap
{
	position: absolute;
	top: 185px;
	left: 253px;
	border: 0px dotted red;
	width: 560px;
	background-image: url(../images/pgi_bg_content.jpg);
}

#pgi_content_top
{
	border: none;
	width: 560px;
	height: 104px;
	z-index: 4;
}

#pgi_content_middle
{
	border: none;
	width: 440px;
	padding-left: 96px;
	padding-top: 0px;
}

#pgi_content_bottom
{
	position: relative;
	bottom: 0px;
	left: 0px;
	border: 0px dotted green;
	width: 751px;

	text-align: right;
	z-index:2;
}

#copyright
{
	position: absolute;
	top: 512px;
	left: 616px;
	border: none;
	width: 309px;
	height: 16px;
}

ul.top_menu
{
	display: inline;
}

li.top_menu
{
	display: inline;
	float: left;
}

.menu_home
{
	display: block;
	background: url(../images/home.jpg);
	width: 64px;
	height: 16px;
}


.menu_kontakt
{
	display: block;
	background: url(../images/kontakt.gif);
	width: 74px;
	height: 16px;
}

.menu_agbs
{
	display: block;
	background: url(../images/agb.gif);
	width: 52px;
	height: 16px;
}

.menu_impressum
{
	display: block;
	background: url(../images/impressum.gif);
	width: 91px;
	height: 16px;
}

.menu_produkt
{
	display: block;
	background: url(../images/service_blue.gif);
	width: 90px;
	height: 72px;
}

.menu_produkt_blue
{
	display: block;
	background: url(../images/service.gif);
	width: 90px;
	height: 72px;
}

.menu_system
{
	display: block;
	background: url(../images/system_blue.gif);
	width: 90px;
	height: 72px;
}

.menu_system_blue
{
	display: block;
	background: url(../images/system.gif);
	width: 90px;
	height: 72px;
}

.menu_themes
{
	display: block;
	background: url(../images/leistungen_blue.gif);
	width: 90px;
	height: 72px;
}

.menu_themes_blue
{
	display: block;
	background: url(../images/leistungen.gif);
	width: 90px;
	height: 72px;
}

.menu_demo
{
	display: block;
	background: url(../images/demo_blue.gif);
	width: 90px;
	height: 72px;
}

.menu_demo_blue
{
	display: block;
	background: url(../images/demo.gif);
	width: 90px;
	height: 72px;
}
/*
.menu_forum
{
	display: block;
	background: url(../images/forum.gif);
	width: 90px;
	height: 72px;
}
*/


#pgi_menu_tabs
{
	position: absolute;
	top: 197px;
	left: 799px;
	border: none;
	width: 90px;
	height: 358px;
	font-size: 11px;
	font-family: Verdana;
	color: #ffffff;
	z-index:3;
}

ul.pgiTabs
{
	padding-left: 28px;
  list-style: none;
  margin: 4;
}

ul.pgiTabs li
{
	float: left;
	margin-right: 4px;
	border-left: 1px solid #353b32;
	border-top: 1px solid #353b32;
	border-right: 1px solid #353b32;
}


ul.pgiTabs li a
{
	display: block;
	padding: 3px 6px;
	background: url(../images/Tabs_BG.png) repeat-x left top;
	/* background: #353b32; */
	outline: none;
	color: #dfe0df;
}

ul.pgiTabs li a:hover
{
	/* background: #d0d0d0; */
	color: #d0d0d0;
}

ul.pgiTabs li a.DCMS_mceTabSelected
{
  background: url(../images/Tabs_active_BG.png) repeat-x left top;
  font-weight: bold;
  color: #dfe0df;
}