@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;
	display:none;
}

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

	h2 span {
		font-size:14px;
		font-weight:normal;
	}
	
	h2 span.fsi {
		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;
}

p.annotation {
	width:680px;
}

.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;
}

#footer a {
	color:#CCC;
	text-decoration:none;
}

#footer a:hover, #footer a.act {
	color:#FFF;
}


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

span.tt {
	padding:0 17px 0 3px;
	background:#EEE url(tooltip-pointer.gif) no-repeat right 0;
	cursor:default;
}

div.tooltip {
	position:absolute;
	padding:10px;
	background:#FFF;
	border:1px solid #333;
	display:none;
	z-index:1000;
}


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

#container {
	position:relative;
	width:980px;
	margin:0 auto;
	padding:0;
	background:url(container-middle.jpg) repeat-y;
}
	#header {
		height:134px;
	}
	
	#print_header {
		display:none;
	}

	#content {
		position:relative;
		margin:0 60px 0 70px;
		padding:0 0 60px;
	}
	
		#hspacer {
			width:1px;
			height:520px;
			float:right;
			overflow:hidden;
		}
		
		.min_height {
			height:400px;
		}
	
	#footer {
		position:absolute;
		bottom:21px;
		right:65px;
		color:#CCC;
		font-size:11px;
		z-index:2;
	}
	
	#print_footer {
		display:none;
	}
	
	#bg_top {
		position:absolute;
		top:0;
		z-index:1;
	}
	
	#bg_bottom {
		position:absolute;
		bottom:0;
		z-index:1;
	}

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

#progress {
	margin:1px 0 25px;
	padding:4px 0 0 0;
/*	background:#EEE;
	border:1px solid #DDD;*/
	color:#333;
	font-size:12px;
}
	
	#progress strong {
		color:#333;
	}
	
	#progress span {
		color:#999;
	}
	
	#progress h4 {
		margin:8px 0;
		color:#333;
		font-size:12px;
		font-weight:normal;
	}

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:550px !important;
		margin:0 !important;
		padding:0 0 18px !important;
	}
	
	table.ampel td p {
		width:550px !important;
		margin:0 !important;
		padding:0 0 18px !important;
	}
	
	table.ampel td p.view_details {
		margin:0 0 20px !important;
		cursor:pointer !important;
	}
	
div.details {
	display:none;
}

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

/*
-------------------------------------------------------------------
	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; }