/*
	marble-demo.css
*/

/*
	base font size 1em -> 16px -> 75% -> 12px -> 1px = 0.083333333em
*/

body
{
	background-color: #ffffff;
	color: #000000;

	margin: 0;
	padding: 0;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;

	text-align: center;
}

h1 { font-size:	1.833333333em;	}	/*	22px	*/
h2 { font-size:	1.5em;			}	/*	18px	*/
h3 { font-size:	1.166666667em;	}	/*	14px	*/
h4 { font-size:	1em; 				}	/*	12px	*/

h1	{ line-height:	1.636363636;	}	/*	22px * 1.636363636	= 36px	*/
h2	{ line-height:	2;					}	/*	18px * 2					= 36px	*/
h3	{ line-height:	1.285714286;	}	/*	14px * 1,285714286	= 18px	*/
h4	{ line-height:	1.5;				}	/*	12px * 1.5				= 18px	*/

p	{ line-height:	1.333333333;	}	/*	12px * 1.333333333	= 16px	*/

h1, h2, h3, h4
{
	margin: 0;
	padding: 0;
}

p
{
	margin: 0;
	padding: 0;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

label
{
	padding-right: 0.5em;
}

a:link			{ color: #690020 }
a:active			{ color: #003600 }
a:hover			{ color: #690020 }
a:visited		{ color: #690020 }

a.external:link
{
	background: url(images/external.gif) no-repeat 100% -1px;
	padding-right: 20px !important;
}

a.external:visited
{
	background: url(images/external.gif) no-repeat 100% -1px;	/*	-100px;	*/
	padding-right: 20px !important;
}

a.external:hover,
a.external:active,
a.external:focus
{
	background: url(images/external.gif) no-repeat 100% -201px;
	padding-right: 20px !important;
}

#xr-window
{
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	background-color: transparent;
	text-align: left;
}

#xr-window
{
	background-color: white;
	width: 62em;

	padding: 0.5em;

	margin-left: 0.5em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;

	border-top:		1px solid #ddddee;
	border-right:	1px solid #666677;
	border-bottom:	1px solid #666677;
	border-left:	1px solid #ddddee;

	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

.xr-vbox_wrapper
{
	margin: 0;
	padding: 0;
}

.xr-vbox_item
{
	margin: 0px;
	padding: 0.25em;
}

.xr-content_float_left			{ float: left; }

.xr-content_italic				{ font-style: italic		!important; }
.xr-content_color_orange		{ color: #ff6600;	}

#switcher
{
	position: fixed;
	top: 0.5em;
	left: auto;
	right: 0.25em;
}

.marble-div
{
	width: 9em;
	height: 9em;
}

#toggle_marble_wrapper
{
	position: fixed;
	top: 20em;
	left: auto;
	right: 0.25em;
	text-align: right;
}

.xr-marble-test
{
	background-image:			url(images/test.png)	!important;
}

.impressum
{
	text-align: left;
	font-size: 0.9em;
	height: 3em;
	margin: 1em;
	margin-top: 3em;
	padding-top: 0.5em;
	border-top: 1px solid #888888;
}