@charset "utf-8";

html {
	overflow:auto;
}

/*
-------------------------------------------------------------------
	Body
-------------------------------------------------------------------
*/

body {
	margin:0;
	padding:0;
	font:12px/17px Arial, Helvetica, sans-serif;
	color:#333;
	background:#ededed;
}

/*
-------------------------------------------------------------------
	General
-------------------------------------------------------------------
*/

a img, img {
	border:none;
}

form {
	margin:0;
	padding:0;
}

/*
-------------------------------------------------------------------
	Headlines
-------------------------------------------------------------------
*/

h1 {
	font-size:18px;
	line-height:23px;
	margin:0 0 12px 0;
	padding:0;
}

h2 {
	font-size:16px;
	line-height:21px;
	width:740px;
	margin:0 0 12px 0;
	padding:0;
}

	h2 span {
		font-size:14px;
		font-weight:normal;
	}
	
	h2 span.tdu {
		font-size:16px;
		font-weight:bold;
	}

h3 {
	font-size:14px;
	line-height:19px;
	margin:0 0 12px 0;
	padding:0;
}

h3.info {
	margin-top:40px !important;
}

h3.info2 {
	margin-top:25px !important;
}

h4 {
	width:750px;
	font-size:13px;
	line-height:18px;
	margin:0 0 12px 0;
	padding:0;
}

table.ampel h4 {
	width:100% !important;
	margin:0 0 15px 0 !important;
	padding:0 !important;
}

h5, h6 {
	font-size:12px;
	line-height:17px;
	margin:0 0 12px 0;
	padding:0;
}

/*
-------------------------------------------------------------------
	Paragraphs
-------------------------------------------------------------------
*/

p {
	width:740px;
	margin:0 0 10px 0;
	padding:0;
	text-align:justify;
}

.source {
	font:11px/15px Arial, Helvetica, sans-serif;
}

table.ampel p {
	width:640px !important;
	margin:0 0 0 20px !important;
	padding:0 !important;
}


/*
-------------------------------------------------------------------
	Anchors
-------------------------------------------------------------------
*/

a.start {
	color:#333;
	text-decoration:underline;
	font-weight:bold;
	font-size:14px;
}

	a.start:hover {
		text-decoration:none;
	}

a {
	color:#333;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

p a, #progress a {
	color:#333;
	text-decoration:underline;
}

p a:hover, #progress a:hover {
	text-decoration:none;
}


/*
-------------------------------------------------------------------
	Tooltips
-------------------------------------------------------------------
*/

span.tt {

}

div.tooltip {
	display:none;
}


/*
-------------------------------------------------------------------
	Divs
-------------------------------------------------------------------
*/

#container {
	position:relative;
	width:100%;
	margin:0 auto;
	padding:0;
}
	#print_header {
		width:auto;
		margin:0 0 24px;
	}
	
		#print_header img {
			width:99%;
		}
	
	#header {
		display:none;
	}

	#content {
		position:relative;
		margin:0;
		padding:0;
	}
	
		#hspacer {
			width:1px;
			height:520px;
			float:right;
			overflow:hidden;
		}
		
		.min_height {
			height:400px;
		}
	
	#footer {
		display:none;
	}
	
	#print_footer {
		margin:36px 0 0;
		color:#CCC !important;
		font-size:14px;
	}
	
	#bg_top {
		display:none;
	}
	
	#bg_bottom {
		display:none;
	}

#buttons {
	float:right;
	width:47px;
	text-align:left;
}

#progress {
	display:none;
}

div.ampel {
	margin:35px 0 0;
	padding:20px 0 0 0;
	border-top:1px solid #CCC;
}

table.ampel {
	width:100%;
	padding:0;
	margin:0;
}

	table.ampel td {
		vertical-align:top;
		margin:0;
		padding:0;
	}
	
	table.ampel td h4 {
		width:auto !important;
		margin:0 !important;
		padding:0 0 18px !important;
	}
	
	table.ampel td p {
		width:auto !important;
		margin:0 !important;
		padding:0 0 16px !important;
	}
	
	table.ampel td p.view_details {
		display:none;
	}
	
div.details {
	display:block !important;
	/*page-break-after:always;*/
}

	table.ampel td div.details h4 {
		padding:0 0 6px !important;
	}

.temp {
	display:none;
}


/*
-------------------------------------------------------------------
	Barometer
-------------------------------------------------------------------
*/

.h3_barometer {
	border-top:1px dotted #CCC;
	margin:20px 0 0;
	padding:18px 0 0;
}

#barometer_content div.ampel {
	border-top:1px dotted #CCC;
	margin:20px 0 0;
}

#barometer_content .barometer {
	width:555px;
}

#barometer_content .branchen {
	position:absolute;
	top:80px;
	left:2px;
	height:25px;
	color:#FFF;
}
	
	#barometer_content .branchen div {
		float:left;
		width:181px;
		height:25px;
		margin-right:3px;
		text-align:center;
		line-height:25px;
	}
	
	#barometer_content .branche1 {
		background:#ac3f0a;
	}
	
	#barometer_content .branche2 {
		background:#1dac0a;
	}
	
	#barometer_content .branche3 {
		background:#0a4fac;
	}
	

.barometer {
	position:relative;
	width:553px;
	height:110px;
}

	.barometer img.b {
		position:absolute;
		top:17px;
		left:0;
		width:553px;
		height:93px;
		z-index:1;
	}
	
	#barometer_content .barometer img.b {
		height:28px;
	}

	.barometer .a0 {
		position:absolute;
		top:0;
		width:19px;
		height:17px;
		z-index:2;
	}
	
	.barometer .a1 {
		position:absolute;
		top:45px;
		width:19px;
		height:17px;
		z-index:3;
	}
	
	.barometer .a2 {
		position:absolute;
		top:45px;
		width:19px;
		height:17px;
		z-index:4;
	}

/*
-------------------------------------------------------------------
	Lists
-------------------------------------------------------------------
*/

ul.antworten {
	list-style:none;
	width:560px;
	margin:0 0 20px;
	padding:0;
}

	ul.antworten li {
		position:relative;
		margin:0 0 5px 18px;
		padding:0 0 0;
	}
	
	ul.antworten li.optional {
		color:#CCC;
	}
		
		ul.antworten li input {
			position:absolute;
			left:-18px;
			top:1px;
			width:14px;
			height:14px;
			margin:0 !important;
			padding:0 !important;
		}
		
ul.sub {
	margin:16px 0 20px 0 !important;
}

/*
-------------------------------------------------------------------
	Helpers
-------------------------------------------------------------------
*/

/*Color*/
.red { color:#F00; }


/*Fontsize*/

/*Lineheight*/

/*Fontstyle*/
.fsi { font-style:italic; }

/*Text-Decoration*/
.tdu { text-decoration:underline; }

/*Position*/
.pa { position:absolute; }
.pr { position:relative; }

/*Float*/
.fl { float:left; }
.cb { clear:both; }

/*Width*/

/*Height*/

/*Margin*/
.mt0 { margin-top:0 !important; }

/*Padding*/

/*Visibility*/
.vv { visibility:visible; }
.vh { visibility:hidden; }

/*Display*/
.db { display:block; }
.dn { display:none; }

/*Overflow*/
.oa { overflow:auto; }
.oh { overflow:hidden; }
.ov { overflow:visible; }