/* CSS Document */
.playerContainer { 
	padding: 0;
	margin: 0;
	width: 34em;
	float: left;
	background: #fff !important;
	border: 1px solid #fff;
	}
	
	
.header {
float: left;
width: 100%;
background: #4297e7 url(/static/demografischer_wandel/pics/verlauf_header.jpg) repeat-x top left;
border-bottom: 1px solid #fff;
padding: 0.25em 0 0 0;
margin: 0;
height: 5.7em;
z-index: 0;
}

.header img.logo {
float: left;
left: 0;
padding: 0;
margin: 0 0 0 0.75em;
position: absolute;
z-index: 1;
}

.header img.claim {
float: left;
left: 0;
padding: 3em 0 0 12em;
margin: 0;
position: absolute;
z-index: 1;
}

.header img.lra_logo {
float: right;
left: 0;
padding: 5.75em 0.5em 0 23.5em;
margin: 0 0 0 0.75em;
position: absolute;
z-index: 1;
}

.text {
clear: both;
float: left;
width: 100%;
padding: 3em 0 0.75em 0;
margin: 0;
position: relative;
}

.text h1 {
clear: both;
padding: 0.5em 0 0 0.85em;
font-size: 1em;
float: left;
display: inline;
margin: 0;
color: #567A92;
width: 95%;
line-height: 110%;
position: relative;
}

.text p {
padding: 0.5em 0 0 1.35em;
font-size: 0.7em;
text-transform: uppercase;
letter-spacing: 1px;
width: 95%;
float: left;
display: block;
margin: 0;
color: #0086ff;
font-weight: bold;
position: relative;
}


.dmcPlayer { 
	padding: 0 1em;
	margin: 0;
	width: 32em;
	float: left;
	background: #fff !important;
	}
	
.dmcPlayer #center { 
	padding: 0;
	margin: 0;
	width: 100%;
	float: left;
	background: none !important;
	}
	
.dmcPlayer #center table { 
	padding: 0;
	margin: 0;
	width: 100%;
	float: left;
	background: none !important;
	border: 0;
	border-collapse: collapse;
	background: #124982 !important;
	}
	
.dmcPlayer #center table tr { 
	background: none !important;
	padding: 0;
	margin: 0;
	border: 0;
	}
	
.dmcPlayer #center table td { 
	padding: 0;
	border: 0;
	margin: 0;
	width: 100%;
	height: 317px; /* 317px; */
	line-height: 100%;
	vertical-align: middle;
	text-align: center;
	float: left;
	background: #124982 !important;
	}
	
.dmcPlayer #center table td DIV { 
	padding: 0;
	margin: 0;
	width: 100%;
	float: left;
	border: 0;
	background: none !important;
	}
	

/* einstellungen und icons */
.dmcPlayer #options {
	width: 100%;
	background: #cdd9e1;
	float: left;
	padding: 5px 0 5px 0;
	/* negatives margin entfernt den Rand unter grossem Player */
	margin: -1px 0 0 0;
	}
		
.dmcPlayer #options .options, .dmcPlayer #options .line {
	width: 98%;
	float: left;
	padding: 0;
	margin: 0;
	}


.arrow { padding: 0; margin: 0; font-size: 0; }

	
	
/* ---------------------- Ab hier alls fuer Integration DMC-Player ------------------------------ */	


/* einstellungen und icons */
.dmcPlayer #options {
	width: 100%;
	background: #cdd9e1;
	float: left;
	padding: 5px 0 5px 0;
	/* negatives margin entfernt den Rand unter grossem Player */
	margin: -1px 0 0 0;
	}


.arrow { }


/* Schalter fuer Einstellungen */
a.option:link, a.option:visited {
	cursor: hand;
	float: left;
	color: #001a4b;
	background: url(/static/avportal/pics/icons/label.gif) no-repeat 5px 4px;
	font-size: 0.7em;
	padding: 0 0 0 20px;
	}


a.optActive:link, a.optActive:visited {
	background: url(/static/avportal/pics/icons/label_a.gif) no-repeat 5px 4px;
	padding: 0 0 0 20px;
	float: left;
	color: #001a4b;
	}


.dmcPlayer span.text {
	float: left;
	padding: 2px 0  3px 0;
	}

/* Das sind auch die zusaetzlichen Reiter: Info etc. */
.dmcPlayer .options .option a.option:link { float: left; margin: 0 2px 0 0; cursor: hand; }


.dmcPlayer div.optIcons { 
	float: right; 
	font-size: 0.7em; 
	text-align: right; 
	text-align: right !important; 
	padding: 0 4px 0 0; 
	}

/* wird eingeblendet bei Klick auf Einstellungen */
.boxSettings { width: 512px; }

.dmcPlayer #optionBoxContainer {
	margin: 0 0 0 0 !important;
	padding: 0;
	position: relative;
	display: block;
	z-index: 1;
	}


.dmcPlayer #settingsform {
	clear: both;
	margin: 21.5em 0 0 0;
	padding: 0;
	width: 100%;
	position: absolute;
	z-index: 2;
	border: 0;
	border-top: 1px solid #fff;
	background: #d7e1ea url(/static/demografischer_wandel/pics/backs/verlauf_einst_player.jpg) repeat-x top left;
	}
	
*html #settingsform {
	margin: 0 !important;
	padding: 0;
	float: left;
	width: 100%;
	position: absolute;
	z-index: 2;
	border: 0;
	border-top: 1px solid #fff;
	background: #d7e1ea url(/static/demografischer_wandel/pics/backs/verlauf_einst_player.jpg) repeat-x top left;
	}
	
*+html #settingsform {
	margin: 0 !important;
	padding: 0;
	float: left;
	width: 100%;
	position: absolute;
	z-index: 2;
	border: 0;
	border-top: 1px solid #fff;
	background: #d7e1ea url(/static/demografischer_wandel/pics/backs/verlauf_einst_player.jpg) repeat-x top left;
	}

.dmcPlayer .boxSettings {
	margin: 0;
	padding: 0;
	}

.dmcPlayer #optionBoxContainer ul {
	padding: 0 0 0.5em 1em;
	margin: 0;
	list-style-type: none;
	float: left;
	width: 9em;
	}

.dmcPlayer input { background: none; margin: 2px 2px 0 0; padding: 0 0 0 0 !important; border: 0; }

.dmcPlayer #optionBoxContainer ul li p { 
	padding: 4px 0 4px 0;
	font-weight: bold;
	margin: 0;
	}


.dmcPlayer #optionBoxContainer ul li {
	clear: both;
	display: block;
	padding: 0 0 0 0;
	margin: 0;
	font-size: 0.7em;
	}

/* Beschriftungen der PlugIns */
.dmcPlayer label { padding: 3px 0 3px 4px; font-size: 1em; display: inline; }


.dmcPlayer #optionBoxContainer .clearer { 
	display: none !important;
	font-size: 0;
	}
	


/* einstellungen speichern */
.dmcPlayer #optionBoxContainer #savesetting {
	padding: 4px 10px 4px 10px;
	float: right; 
	margin: 0 1em 10px 0;
	display: block;
	color: #fff;
	font-size: 0.7em;
	border: #fff 1px solid;
	background: #78aed0 url("/static/demografischer_wandel/pics/backs/button.jpg") repeat-x bottom;
	}

.dmcPlayer #optionBoxContainer #savesetting:hover {
	color: #fff; text-decoration: none;
	background: url("/static/demografischer_wandel/pics/backs/verlauf_einst_speichern.jpg") #5d9dcb repeat-x bottom;
	}

/* Im externen Player oeffnen */
.dmcPlayer #openextended {
	padding: 0.75em 0 0 1.5em;
	}

.dmcPlayer  #optionBoxContainer  span#settingserror {
	padding: 5px 0 5px 5px; 
	margin: 0 0.5em 0 0; 
	float: right;
	height: 2.75em;
	width: 10em;
	line-height: 100%;
	}
	
	
.dmcPlayer #optionBoxContainer span.icon {
	display: none;
	}
	
.dmcPlayer #optionBoxContainer a.openExt {
	clear: both;
	display: block;
	width: 60%;
	float: left;
	padding: 0.5em 0 0 1em;
	margin: 0;
	
	display: none !important;
	}

.dmcPlayer #optionBoxContainer a.openExt span.title {
	clear: both;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	font-size: 0.7em;
	}

.error { }

.dmcPlayer  #optionBoxContainer  span#settingserror b {
	padding: 4px;
	float: left;
	display: block;
	font-size: 0.7em;
	color: #c92424;
	line-height: 120% !important;
	}

.dmcPlayer  #optionBoxContainer #settingserror span { font-size: 0.7em; }


.dmcPlayer .errormsg {
	color: #fff;
	font-size: 0.75em;
	padding: 0.5em 0 0.5em 0;
	}
	
/* ENDE Player */

.playerinfo {
	clear: both;
	float: left;
	padding: 0;
	width: 32em;
	display: inline;
	margin: 1px 1em 0 1em;
	z-index: 0;
	/* background: #d7e1ea url(/static/demografischer_wandel/pics/backs/verlauf_einst_player.jpg) repeat-x top left;
	position: relative;
	border-bottom: 1px solid #e9ebef; */
	}

.playerinfo h1 {
	clear: both;
	/* padding: 0.5em 0 0 0.85em; */
	padding: 0.5em 0 0 0;
	font-size: 0.95em;
	float: left;
	display: inline;
	margin: 0;
	color: #124982;
	width: 95%;
	line-height: 110%;
	
	display: none;
	}

.playerinfo p {
	/* padding: 0.75em 0 1em 1.35em; */
	padding: 0.75em 0 1em 0;
	font-size: 0.75em;
	width: 95%;
	float: left;
	display: block;
	margin: 0;
	color: #124982;
	position: relative;
	}