/*******************************************************************************************

	General layout and backgrounds 
	
/*******************************************************************************************/
body
{
	background-color: white; !important;
	text-align: center;  /* workaround, as IE won’t always do auto margins */
}
body, div, img, ul, p, h1, h2, h3, h4, h5, h6, button, a, span
{
    margin: 0px;
    padding: 0px;
}

div#topBackground
{
	background: url('../img/topBackground.png');
	min-width: 1000px;
	height: 196px;
}

div#themesBackground
{
	background: url('../img/themesBackground.png');
	min-width: 1000px;
	height: 48px; !important;
}

div#contentBackground
{
	background-color: white;
}

div#footerBackground
{
	position: relative;
 	background: url('../img/footerBackground.png');
	min-width: 1000px;
	height: 446px;
}

/*******************************************************************************************

	Header & Logo

/*******************************************************************************************/
div#logo
{
	margin: 0 auto 0 auto;
	position: relative;
	width: 1000px;
	height: 196px;
}

img#logoImage
{
	position: absolute;
	left: 0px;
	top: 30px;
	border-style: none;
}
img#logoBook
{
	position: absolute;
	top: 10px;
	right: 0px;
	border-style: none;
}
span#languageSelector
{
	position: absolute;
	top: 10px;
	right: 0px;
	z-index: 10;
}
span#languageSelector a
{
	text-decoration: none;
	color: white;
}

/*******************************************************************************************

	Themes

/*******************************************************************************************/
div#themes
{
	margin: 0 auto 0 auto;
	position: relative;
	width: 1000px;
	height: 48px;
	white-space: nowrap;
}
.theme
{
	float: left;
	padding: 0px 10px 0px 0px;
	height: 48px;
}
.theme a
{
	font-family: Jazzhotel;
	font-size: 19px;
	text-decoration: none;
	color: #916e46;
}
.selectedTheme
{
	background: url('../img/selectedThemeBackground.png') no-repeat center;
}
.selectedTheme a
{
	color: #910124;
}
.themeSeparator
{
	float: left;
	position: relative;
	top: 7px;
	padding: 0px 10px 0px 0px;
	height: 14px;
	border-left: 2px solid #916e46;
}
/*******************************************************************************************

	content

/*******************************************************************************************/
div#content
{
	margin: 0 auto 0 auto;
	position: relative;
	width: 1000px;
}
#contentFrame
{
	margin: 0px;
	padding: 0px;
}
/*******************************************************************************************

	Footer

/*******************************************************************************************/
div#footer
{
	margin: 0 auto 0 auto;
	position: relative;
	max-width: 1000px;
	height: 446px;
}

img#footerLogoImage
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	border-style: none;
}

#footerTable
{
	position: relative;
	top: 20px;
	left: 1%;
	width: 98%;
}

.footerText
{
	width: 30%;
	color: white;
	text-align: left;
	vertical-align: top;
	font-size: 13px;

	line-height: 125%;
	padding: 0px 20px;
}
.footerText a
{
	text-decoration: none;
	color: #f3cc8c;
	border: none;
}
.footerText img
{
	border: none;
}
.footerTextTitle
{
	font-family: Jazzhotel;
	font-size: 20px;
}
img#footerImageCenter
{
	position: relative;
	left: 140px;
	top: -80px;
}
/*******************************************************************************************

	modal dialog

/*******************************************************************************************/
div#playerDialog
{
	z-index: 100;
}
/*******************************************************************************************

	content: Thema B

/*******************************************************************************************/