/*
*	------------------------------------------------------
*	some defaults
*	------------------------------------------------------
*/

	html,
	body {
		font-size: 12px;
		font-family: Sans-Serif, "Trebuchet MS", Arial, Verdana, Helvetica;
		margin: 0;
		padding: 0;
		background: url('images/gpl_background.jpg') #5e0000;
		color: black;
		background-attachment: fixed;
		}

	html {
		overflow: auto;
		}

/*
*	------------------------------------------------------
*	Relative positioning is the magic fix in IE to prevent
*	odd quirks
*	------------------------------------------------------
*/

	img {
		border: 0;
		position: relative;
		}

/*
*	------------------------------------------------------
*	Prevent Images to add some extra SPACE below the Image
*	in several doctypes
*	------------------------------------------------------
*/

	img.doblock {
		display: block;
		}

/*
*	------------------------------------------------------
*	Both width: 100%; and height: 1px; force the browser into
*	accepting that there is a div there. The margin: 0 0 -1px;
*	negates the 1 pixel space that height introduced;
*	------------------------------------------------------
*/

	.clearDIV {
		width: 100%;
		height: 1px;
		margin: 0 0 -1px;
		clear: both;
		}

/*
*	------------------------------------------------------
*	basic SITE layout, header, content & footer
*	------------------------------------------------------
*/

	a:link,
	a:visited {
		color: #8598A9;
		text-decoration: none;
		font-weight: normal;
		background-color: transparent;
		}

	a:hover,
	a:active {
		color: #000000;
		background-color: transparent;
		}

	.pad2 {
		padding: 2px;
		}

	.pad4 {
		padding: 4px;
		}

	ul.liste {
		margin-left: 10px;
		padding-left: 10px;
		}

	li.liste {
    	list-style: none;
		background: url('images/ul1.gif') transparent no-repeat 0px 2px;
		padding-left: 15px;
		}

	hr.spacer {
		height: 1px;
		margin-top: 20px;
		margin-bottom: 20px;
		background-color: #a33030;
		}

	#pWrapper {
		position: relative;
		text-align: left;
		width: 930px;
		margin-top: 8px;
		font-size: 11px;
		}

	#pWrapper #subnavi {
		position: absolute;
		top: 207px;
		left: 0px;
		width: 930px;
		height: 30px;
		overflow: hidden;
		z-index: 1000;
		text-align: center;
		background: url('images/gpl_subnavi_930_30.gif') transparent no-repeat;
		}

	#pWrapper #subnavi a:link,
	#pWrapper #subnavi a:visited {
		display: block;
		float: left;
		margin-right: 3px;
		text-decoration: none;
		color: #ffffff;
		font-size: 11px;
		width: 142px;
		height: 27px;
		line-height: 27px;
		overflow: hidden;
		text-align: center;
		font-weight: normal;
		background: url('images/gpl_navsub.gif') no-repeat 0px -54px;
		background-color: transparent;
		}

	#pWrapper #subnavi a:active,
	#pWrapper #subnavi a:hover {
		background: url('images/gpl_navsub.gif') no-repeat 0px -27px;
		background-color: transparent;
		}

	#pWrapper #subnavi a.on:link,
	#pWrapper #subnavi a.on:visited,
	#pWrapper #subnavi a.on:active,
	#pWrapper #subnavi a.on:hover {
		color: #530000;
		background: url('images/gpl_navsub.gif') no-repeat 0px 0px;
		background-color: transparent;
		}

	#pHead {
		position: relative;
		width: 930px;
		height: 215px;
		background: url('images/gpl_header_930_215.gif') transparent no-repeat;
		margin: 0px;
		text-align: left;
		}

	#pHead #bild {
		position: absolute;
		top: 72px;
		left: 347px;
		width: 551px;
		height: 89px;
		overflow: hidden;
		z-index: 1000;
		background: url('images/gpl_kopfbild1.jpg') transparent no-repeat;
		}

	#pHead #mininav {
		position: absolute;
		top: 52px;
		left: 347px;
		width: 540px;
		height:16px;
		color: #feeab6;
		font-size: 10px;
		overflow: hidden;
		z-index: 1000;
		text-align: right;
		text-transform: uppercase;
		}

	#pHead #mininav a:link,
	#pHead #mininav a:visited {
		text-decoration: none;
		color: #feeab6;
		font-size: 10px;
		background-color: transparent;
		}

	#pHead #mininav a:active,
	#pHead #mininav a:hover {
		color: #e3b586;
		background-color: transparent;
		}

	#pHead #mainnav {
		position: absolute;
		top: 171px;
		left: 31px;
		width: 870px;
		height: 36px;
		overflow: hidden;
		z-index: 1000;
		}

	#pHead #mainnav a:link,
	#pHead #mainnav a:visited {
		display: block;
		float: left;
		margin-right: 3px;
		text-decoration: none;
		color: #ffffff;
		font-size: 13px;
		width: 142px;
		height: 36px;
		line-height: 26px;
		overflow: hidden;
		text-align: center;
		font-weight: bold;
		background: url('images/gpl_nav.gif') no-repeat 0px 0px;
		background-color: transparent;
		}

	#pHead #mainnav a.on:link,
	#pHead #mainnav a.on:visited {
		background: url('images/gpl_nav.gif') no-repeat 0px -72px;
		background-color: transparent;
		}

	#pHead #mainnav a.onsub:link,
	#pHead #mainnav a.onsub:visited {
		background: url('images/gpl_nav.gif') no-repeat 0px -108px;
		background-color: transparent;
		}

	#pHead #mainnav a:active,
	#pHead #mainnav a:hover {
		background: url('images/gpl_nav.gif') no-repeat 0px -36px;
		background-color: transparent;
		}

	#pContent {
		position: relative;
		width: 930px;
		margin: 0px;
		text-align: left;
		background-color: white;
		font-size: 12px;
		}

	#pContent a:link,
	#pContent a:visited {
		text-decoration: none;
		color: #a31010;
		font-weight: bold;
		font-size: inherit;
		}

	#pContent a:active,
	#pContent a:hover {
		color: #808080;
		background-color: transparent;
		}

	#pContent h1 {
		color: #a40000;
		font-size: 20px;
		margin: 0px;
		margin-bottom: 8px;
		}

	#pContent h2 {
		color: #a40000;
		font-size: 14px;
		margin: 0px;
		margin-bottom: 8px;
		}

	#pContent h3 {
		color: #000000;
		font-size: 12px;
		margin: 0px;
		}

	#pContent #content_left_quer {
		position: relative;
		width: 530px;
		float: left;
		}

	#pContent #content_right_quer {
		position: relative;
		width: 340px;
		float: right;
		}


	#pContent #content_left {
		position: relative;
		width: 654px;
		float: left;
		}

	#pContent #content_right {
		position: relative;
		width: 216px;
		float: right;
		}

	#pContent #content_left2 {
		position: relative;
		width: 170px;
		float: left;
		}

	#pContent #content_right2 {
		position: relative;
		width: 700px;
		float: right;
		}

	#pFoot {
		position: relative;
		width: 930px;
		height: 25px;
		margin: 0px;
		text-align: left;
		background: url('images/gpl_footer_930_25.gif') no-repeat;
		background-color: transparent;
		margin-bottom: 4px;
		}

	#pFoot #copynote {
		position: absolute;
		top: 9px;
		left: 33px;
		width: 864px;
		height:16px;
		color: #feeab6;
		font-size: 10px;
		text-align: center;
		background-color: transparent;
		}

/*
*	------------------------------------------------------
*	tooltip styles
*	------------------------------------------------------
*/

	.tip {
		width: 320px;
		color: #a30000;
		border: 1px solid white;
		}

	.tip-top { }

	.tip-title {
		border: 1px solid #a60000;
		border-bottom: 0;
		color: white;
		font-weight:bold;
		font-size: 12px;
		padding: 4px;
		background: url('images/tooltipbg2.gif') #a60000 repeat-x;
		}

	.tip-text {
		border: 1px solid #a60000;
		border-top: 0;
		background: url('images/tooltipbg.gif') #dddddd repeat-x;
		color: #000000;
		font-size: 11px;
		padding: 4px;
		}

	.tip-bottom { }

	span.tipz {
		color: #a30000;
		font-weight: inherit;
		padding-right: 11px;
		font-size: inherit;
		background: url('images/tooltipicon.gif') no-repeat right center;
		cursor: help;
		}

/*
*	------------------------------------------------------
*	BARACK MooTools slide
*	------------------------------------------------------
*/

	#slideshow * { margin: 0; padding: 0; }

	#slideshow {
		position: relative;
		width: 603px;
		height: 277px;
		border: 3px solid #e0e0e0;
		}

	#slideshow #menu, #slideshow #pictures, #slideshow #loading { position: absolute; }

	#slideshow #loading {
		background: url('barack/spinner.gif');
		display: block;
		top: 123px;
		left: 205px;
		text-indent: -5000px;
		width: 31px;
		height: 31px;
		visibility: hidden;
		z-index: 5;
		}

	#slideshow #pictures {
		background-color: #a30000;
		width: 437px;
		height: 277px;
		left: 0;
		overflow: hidden;
		}

	#slideshow #pictures li.barack {
		display: block;
		position: absolute;
		top: 0;
		width: 437px;
		}

	#slideshow #menu {
		background: url('barack/bg_side.jpg');
		list-style-type: none;
		width: 166px;
		height: 257px;
		right: 0;
		padding-top: 20px;
		}

	#slideshow #menu li.barack {
		display: block;
		z-index: 1000;
		position: relative;
		}

	#slideshow #menu li.barack a {
		display: block;
		font: 11px "Lucida Grande", "Verdana";
		text-decoration: none;
		padding: 7px 0 7px 28px;
		z-index: 1000;
		color: #ccc;
		line-height: 14px;
		vertical-align: middle;
		}

	#slideshow #menu li.barack a:hover {
		color: #fff;
		}

	#slideshow #menu li.current a {
		color: #fff;
		padding: 5px 0 5px 28px;
		line-height: 18px;
		font-weight: bold;
		}

	#slideshow #menu li.background {
		background: url('barack/arrow.gif') no-repeat left center;
		position: absolute;
		font-size: 1px;
		height: 7px;
		width: 4px;
		z-index: 5;
		}

/*
*	------------------------------------------------------
*	Back 2 top fixed Link
*	------------------------------------------------------
*/

	#back-to-top,
	#back-to-top.visible {
		display: none;
		}

	body>#back-to-top {
		position: fixed;
		left: 50%;
		margin-left: -112px;
		bottom: 0px;
		cursor: pointer;
		background: url('images/totop.gif') #980000 top left;
		width: 224px;
		height: 24px;
		}

	body>#back-to-top.visible {
		display: inline;
		}