@charset "utf-8";
/* CSS Document */

/* ============================================= */
/* Anfang: MODIFIED STYLES for SHOWCARDS         */
/* ============================================= */

/* Fixed Mesures for Showcards */
#frame-box {
	height: 380px;
	padding-bottom: 0;
}

/* Container for Content */
#frame-box #content {
	padding: 0;
	margin-left: 250px;
}

/* More Padding for Placement of Name */
#frame-box #content h1 {
	padding-top: 69px;
}

/* Margin-Bottom for Placement of List */
#frame-box #content h2 {
	margin: 0 0 39px 0;
}

/* Different Margins for Showcards */
#frame-box #content p {
	margin: 0;
	text-align: left; /* vielleicht nicht benötigt */
	line-height: 1;
}


/* ============================================= */
/* Anfang: ADDITIONAL STYLES for SHOWCARDS       */
/* ============================================= */

/* Lists for Showcards */
#frame-box #content ul {
	margin: 14px 0 31px 7px !important;
	padding: 0 !important;
	list-style: none;
	list-style-type: none;
}

#frame-box #content ul li {
	list-style: disc;
	list-style-type: disc;
	margin: 0 0 10px 27px !important;
	padding: 0 !important;
	line-height: 1;
}


/* ============================================= */
/* Anfang: DECISION LINKS                        */
/* ============================================= */

#frame-box #content ul#decision-links {
	margin: 0 !important;
	padding-top: 44px !important;
}

#frame-box #content ul#decision-links li {
	list-style: none;
	list-style-type: none;
	margin: 0 0 14px 7px !important;
	padding: 0;
	font-weight: bold;
}

#frame-box #content ul#decision-links li a {
	color: inherit;
	font-weight: inherit;
}

/* Bugfix IE7 */
*:first-child+html #frame-box #content ul#decision-links li a {
	color: #000000;
	font-weight: bold;
}

#frame-box #content ul#decision-links li a:hover {
	text-decoration: underline;
}

/* ============================================= */
/* Anfang: ADDITIONAL STYLE for BAROMETER        */
/* ============================================= */

/* Frame-Box Bild Hover-Effekte */

#frame-box #figure:hover > div#barometer {
	visibility: visible;
	background-color: #CCCCCC;
}

#barometer {
	width: 210px;
	margin: -100px 0 0 10px;
	padding: 5px;
	border: 3px solid #CCC;
	visibility: hidden;
}

#barometer h3 {
	font-size: .75em;
	font-weight: bold;
	text-align: left;
	margin: 0 0 5px 0;
	padding: 0;
}

dl {
	margin: 0;
	padding: 0;
}
dt {
	position: relative; /* IE is dumb */
	clear: both;
	display: block;
	float: left;
	width: 54px;
	height: 20px;
	line-height: 20px;
	margin-right: 7px;
	font-size: .75em;
	text-align: left;
}
dd {
	position: relative; /* IE is dumb */
	display: block;
	float: left;
	width: 147px;
	height: 10px;
	margin: 8px 0 5px;
	background: url("../images/g_colorbar.jpg");
}
* html dd {
	float: none;
}
/* IE is dumb; Quick IE hack, apply favorite filter methods for 
    wider browser compatibility */

dd div {
	position: relative;
	background: url("../images/g_colorbar2.jpg");
	height: 10px;
	width: 75%;
	text-align:right;
}
dd div strong {
	position: absolute;
	right: -5px;
	top: -2px;
	display: block;
	background: url("../images/g_marker.png");
	height: 14px;
	width: 9px;
	text-align: left;
	text-indent: -9999px;
	overflow: hidden;
}