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


/*
-------------------------------------------------------------------
	Home
-------------------------------------------------------------------
*/

.ratgeber {
	margin:0;
	padding:20px 0;
	border-top:1px dotted #CCC;
	clear:left;
}

	.ratgeber img {
		float:left;
		margin:0 20px 30px 0;
		padding:0;
	}

	.ratgeber h2 {
		font-size:14px;
		line-height:20px;
		width:680px;
		margin:0 0 12px 0;
		padding:0;
	}


/*
-------------------------------------------------------------------
	Login
-------------------------------------------------------------------
*/

#login {
	position:absolute;
	top:198px;
	left:368px;
	background:#FFF;
	border:8px solid #EEE;
	padding:12px 20px 12px;
	width:145px;
	display:none;
}

	#close {
		position:absolute;
		right:6px;
		top:6px;
		cursor:pointer;
	}

	#login input {
		width:140px;
	}


/*
-------------------------------------------------------------------
	My
-------------------------------------------------------------------
*/

.results {
	width:480px;
	height:72px;
	overflow:hidden;
}

	.results p {
		width:inherit;
	}


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

.hr {
	margin:16px 0;
	padding:0;
	line-height:1px;
	overflow:hidden;
	border-top:1px dotted #CCC;
}


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

/*Clear*/
.cb { clear:both; }
.cl { clear:left; }

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




/*
-------------------------------------------------------------------
	Backend
-------------------------------------------------------------------
*/

#faq_content  {
	position:relative;
	width:720px;
	margin:0 50px 250px 0;
	padding:0;
}
	
	#faq_content h4 {
		margin:18px 0 12px;
		padding:0;
		font-size:13px;
		font-weight:normal;
	}
	
	#faq_content a {
		color:#6a6564;
		text-decoration:none;
	}
	
	#faq_content a:hover {
		color:#222;
	}
	
	#faq_content input, #faq_content textarea {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:16px;
	}
	
	#faq_content textarea {
		width:550px;
	}
	
	#faq_content textarea.s { height:35px; }
	#faq_content textarea.m { height:55px; }
	#faq_content textarea.ml { height:75px; }
	#faq_content textarea.l { height:100px; }
	#faq_content textarea.xl { height:125px; }
	#faq_content textarea.xxl { height:150px; }
	#faq_content textarea.xxxl { height:200px; }
	#faq_content textarea.xxxxl { height:500px; }

.be_hr {
	height:1px;
	overflow:hidden;
	border-top:1px dotted #DDD;
}		
		

option.white {
	
}

option.black {
	background:#000;
	color:#FFF;
}

option.page {}

option.page_gray{
	color:#BBB;
}

option.subpage {}

option.subpage_gray {
	color:#BBB;
}

.page_edit {
	display:none;
	width:auto;
	margin:5px 0 10px;
	padding:17px 20px 20px 25px;
	border:1px dotted #CCC;
}
	
	.page_edit p {
		margin:0 0 12px;
	}
	
	
.subpage_edit {
	display:none;
	width:auto;
	margin:-10px 0 30px 50px;
	padding:17px 20px 20px 25px;
	border:1px dotted #CCC;
}

	.subpage_edit p {
		margin:0 0 12px;
	}
	
span.actions {
	color:#CCC;
}

	span.actions a.red { color:#b34545 !important; }
	span.actions a.red:hover { color:#81b345 !important; }
	span.actions a.green { color:#81b345 !important; }
	span.actions a.green:hover { color:#b34545 !important; }




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

#faq_content span.tt {
	cursor:help;
	padding:0 22px 0 0;
	background:url(backend/tooltip-help.gif) no-repeat right -1px;
	line-height:24px;
}

#faq_content span.tti {
	cursor:default;
	padding:0 7px 0 0;
}

#faq_content div.tooltip {
	position:absolute;
	width:auto;
	padding:10px 25px 13px 12px;
	background:#FFF;
	border:1px dotted #CCC;
	display:none;
}

#faq_content div.tooltip_info {
	padding-bottom:7px;
}

	#faq_content div.tooltip_info p {
		width:auto !important;
		margin:0 0 5px !important;
		clear:left;
	}
	
		#faq_content div.tooltip_info p span {
			color:#6a6564;
			float:left;
			margin:0 10px 0 0;
			text-align:right;
		}

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

/*Color*/
.blue {	color:#1bb8e8; }
.red { color:#C00; }
.gray { color:#CCC; }

/*Fontsize*/
.fs13 { font-size:13px !important; }
.fs14 { font-size:14px !important; }

/*Lineheight*/
.lh17 { line-height:17px !important; }
.lh22 { line-height:22px !important; }

.tac { text-align:center; }

/*Position*/
.abs { position:absolute; }
.rel { position:relative; }

.tm4 { top:-4px; }

.right, .r0 { right:0; }
.right10 { right:10px; }

.b27 { bottom:27px !important; }

.l0 { left:0; }
.l10 { left:10px; }

.lm10 {
	position:relative;
	left:-10px;
}

/*Width*/
.w60 { width:60px; }
.w80 { width:80px; }
.w90 { width:90px; }
.w100 { width:100px; }
.w110 { width:110px; }
.w120 { width:120px; }
.w150 { width:150px; }
.w300 {	width:300px; overflow:hidden; }

/*Height*/
.h51 { height:51px; }
.h100 { height:100px; }
.h150 { height:150px; }
.h226 { height:226px; }
.h234 { height:234px; }

/*Floating*/
.fl { float:left; }
.clear { clear:both; display:block; height:0 !important; overflow:hidden; line-height:0; }

/*Clear*/
.cb { clear:both; }
.cl { clear:left; }

/*Margin*/
.mt_10 { margin-top:-10px !important; }
.mt0 { margin-top:0 !important; }
.mt20 { margin-top:20px !important; }
.mt27 { margin-top:27px !important; }

.mr0 { margin-right:0 !important; }
.mr15 { margin-right:15px !important; }

.mb_10 { margin-bottom:-10px !important; }
.mb0 { margin-bottom:0 !important; }
.mb15 { margin-bottom:15px !important; }
.mb25 { margin-bottom:25px !important; }
.mb68 { margin-bottom:68px !important; }
.mb100 { margin-bottom:100px !important; }

.ml10 { margin-left:10px !important; }

/*Padding*/
.pt12 { padding-top:12px !important; }
.pt24 { padding-top:24px !important; }
.pt51 { padding-top:51px !important; }

.pr0 { padding-right:0 !important; }

.pb0 {	padding-bottom:0 !important; }
.pb4 {	padding-bottom:4px !important; }
.pb6 {	padding-bottom:6px !important; }
.pb10 {	padding-bottom:10px !important; }
.pb12 {	padding-bottom:12px !important; }
.pb18 {	padding-bottom:18px !important; }
.pb27 {	padding-bottom:27px !important; }
.pb34 {	padding-bottom:34px !important; }
.pb51 {	padding-bottom:51px !important; }
.pb60 {	padding-bottom:60px !important; }
.pb120 { padding-bottom:120px !important; }
.pb150 { padding-bottom:150px !important; }

* html .pl10ie { padding-left:10px !important; }
.pl10 {	padding-left:10px !important; }

/*Visibility*/
.invisible { visibility:hidden; }

/*Display*/
.hidden { display:none; }

/*Overflow*/
.ofh { overflow:hidden; }


/*
-----------------------------------------------
	tinyMCE
-----------------------------------------------
*/

.defaultSkin .mce_h1 span.mceText {
	margin:0;
	padding:0;
	list-style:none;
	font-size:15px !important;
	font-weight:bold;
	line-height:23px;
	color:#7c3123;
	border-bottom:1px dotted #6e5f27;
}

.defaultSkin .mce_h2 span.mceText {
	margin:20px 0 0 0;
	padding:0;
	list-style:none;
	font-size:15px !important;
	font-weight:bold;
	line-height:23px;
	color:#7c3123;
	border-bottom:1px dotted #6e5f27;
}


.defaultSkin .mce_h3 span.mceText { 
	margin:0;
	padding:0;
	font-size:13px !important;
	line-height:17px !important;
	color:#333 !important;
}

.defaultSkin .mce_h4 span.mceText { 
	margin:0;
	padding:0;
	font-size:12px !important;
	line-height:17px !important;
	color:#333 !important;
}



/*
-----------------------------------------------
	Ajax Upload
-----------------------------------------------
*/

.qq-uploader { position:relative; width: 100%;}

.qq-upload-button {
    display:block; /* or inline-block */
    width: 105px; padding: 7px 0; text-align:center;    
    background:#880000; border-bottom:1px solid #ddd;color:#fff;
}
.qq-upload-button-hover {background:#cc0000;}
.qq-upload-button-focus {outline:1px dotted black;}

.qq-upload-drop-area {
    position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2;
    background:#FF9797; text-align:center; 
}
.qq-upload-drop-area span {
    display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;
}
.qq-upload-drop-area-active {background:#FF7171;}

.qq-upload-list {margin:15px 35px; padding:0; list-style:disc;}
.qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px;}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
    margin-right: 7px;
}

.qq-upload-file {}
.qq-upload-spinner {display:inline-block; background: url("loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}
.qq-upload-size,.qq-upload-cancel {font-size:11px;}

.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline;}