@charset "utf-8";
/* 
	Stylesheet - BPW Mehrwertoffensive
		..: Basic Definitions :..

	Author: David Schneider
	E-Mail: david.schneider@xyqom.net
	Copyright 2009 XYQOM GmbH
*/


* {
	margin:0;
	padding:0;
	border:0;
}

:focus {
	outline: none;
}


/***********************************************************************
 * Basics 
 */

html, body
{
	height:100%;
	position:relative;
	background:url(../images/ui/background_page.jpg) repeat-x;
}

a, body, div, em, input, label, li, ol, p, select, span, strong, td, th, textarea, u, ul
{
	font-family:Helvetica, Verdana, sans-serif;
	color:#0c2645;
}

a, body, div, input, label, li, ol, p, select, td, th, textarea, u, ul
{
	font-size:12px;
	line-height:16px;
}

h1, h2
{
	color:#0c2645;
	margin:0 38px;
}

#content h3
{
	font-size:14px;
}

#titlebox h1
{
	color:#fff;
	font-size:14px;
	margin-top:2px;
}

/***********************************************************************
 * Layout
 */

/*** General ***/
#wrapper
{
	width:859px;  /* 956 - 69 - 28 => 859px */
	height:497px; /* 552 - 55       => 497px */
	padding:55px 69px 0 28px;
	
	position:absolute;
	top:50%;
	left:50%;
	margin:-276px 0 0 -458px;
	
	background:url(../images/ui/background_wrapper.png) no-repeat;
}

#titlebox h1
{
	padding:5px 0;
}

#bpwlogo
{
	width:137px;
	height:135px;
	position:absolute;
	top:5px;
	right:17px;
	background:url(../images/ui/logo_bpw.png);
}


/***********************************************************************
 * Navigation
 */

#navigation
{
	position:absolute;
	top:50%;
	left:50%;
	margin:253px 0 0 -380px;
	height:48px;
	width:775px;
}

#navigation ul
{
	list-style:none;
}

#navigation ul li
{
	float:left;
}

#navigation ul.sites
{
	margin:0 0 0 151px;
}

#navigation ul.pdf
{
	margin:0 0 0 542px;
}

#navigation ul.arrows
{
	margin:0 0 0 679px;
}


/***********************************************************************
 * Slider
 */
 
#slider ul, 
#slider li.slide 
{
	list-style:none;
}

#slider, #slider li.slide
{ 
	width:859px;
	height:400px;
	overflow:hidden; 
}


/***********************************************************************
 * Misc
 */

a.biglink
{
	padding:230px 428px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-430px;
	margin-top:-225px;
}

a.bpw
{
	padding:65px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-272px 0 0 347px;
	z-index:10000;
}