@charset "UTF-8";

@media all {
	/*
	 * GLOBALS
	 */
	* html body * { overflow: visible; }
	* html iframe, * html frame { overflow: auto; }
	* html frameset { overflow: hidden; }

	html { height: 100%; margin-bottom: 1px; }

	body {
		text-align: left;
		background: #fff url(../img/page-bg.gif) left top repeat-y;
		color: #000;
		margin: 0;
		padding: 0;
		font: 62.5%/1.3em Arial, Verdana, Helvetica, sans-serif;
		font-size: .8em;
	}

	h1, h2, h3, h4 { color: #005ba8; line-height: 1em; }
	h3, h4 { font-weight: normal; }
	h5, h6 { color: #000; line-height: 1em; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #005ba8; }

	h1 { font-size: 1.3em; }
	h2 { font-size: 1.3em; padding-bottom: 5px; }
	h3 { font-size: 1.2em; line-height: 1.3em; }
	h4 { font-size: 1.1em; line-height: 1.2em; }
	h5, h6 { font-size: 1em; line-height: 1.1em; }

	sup, sub { font-size: 8px; }

	input, textarea { color: #7a7a7a; letter-spacing: .05em; }
	input[type="text"] { border: 1px solid gray; margin: 0; padding: 2px 3px; }
	textarea { border: 1px solid gray; margin: 0; padding: 3px; }
	select { margin: 0; padding: 1px; border: 1px solid #92c223; color: #7a7a7a; }
	input[type="radio"], input[type="checkbox"] { margin: 0 3px 0 0; }
	label { margin: 0 15px 0 0; }
	fieldset { border: 1px solid #EEE; padding: 10px; margin: 10px 0; }
	p.formerror { color: #E73131; font-weight: bold; }

	ul, ol, dl { margin: 0 0 1em 1em }
	li { margin-left: 1.5em; line-height: 1.3em; }

	dt { font-weight: bold; }
	dd { margin: 0 0 1em 2em; }

	blockquote { margin: 1em 1.5em 1.5em 1.5em; padding: 0 5px; border: 1px dotted #005ba8; }

	table { border-spacing: 0px; table-layout: auto; border-collapse: collapse; }
	table caption { text-align: left; color: #005ba8; font-weight: bold; padding-bottom: 2px; }
	table td, table th { padding: 2px 4px; vertical-align: top; }
	table th { background: #eee; }
	table td.right { text-align: right; }

	/*
	 * POSITIONING
	 */
	#page { width: 100%; margin: 0; padding: 0; float: left; background: url(../img/head-bg.gif) left top repeat-x; }

	#head, #rootline, #wrap, #foot { position: relative; }
	#head, #rootline, #wrap, #foot { clear: both; }

	#wrap { display: block; width: 980px; }

	/* cols of std page */
	#lbar { width: 174px; float: left; margin: 0; }
	#main { width: 636px; float: left; }
	#rbar { width: 169px; margin: 0 0 0 811px; }

	#lbarc, #mainc, #rbarc { position: relative; padding: 0; }
	#mainc { margin: 0 64px; }

	/*
	* STYLES
	*/
	#head { height: 221px; background: url(../img/qzs-befragungsmanager_bg.jpg) left 38px no-repeat; }
	#head h1 a { display: block; position: absolute; top: 0; left: 0; background: url(../img/logo.jpg) no-repeat; width: 183px; height: 221px; text-indent: -90000px; border: 0 none; }
	#head a img { position: absolute; top: 0; left: 174px;}


	#rootline { color: #005ba8; font-size: .8em; margin: 0 28px 29px 203px; padding: 1px 35px 2px 35px;  border-bottom: 1px solid #d7e4fc; width: 509px; }
	#rootline a { color: #005ba8; }
	#rootline a.cur { font-weight: bold; }

	#mainc a:link, #mainc a:visited,
	#rbarc a:link, #rbarc a:visited { text-decoration: underline; color: #005ba8; }
	#mainc a:hover, #mainc a:active, #mainc a:focus { text-decoration: none; }

	/* #index #lbarc a:link, #index #lbarc a:visited,
	#index #lbarc a:hover, #index #lbarc a:active, #index #lbarc a:focus{ text-decoration: none; color: #005ba8; } */

	#mainc h2.index { font-size: 1.3em; padding: 10px 0 5px; }
	#mainc h3 { padding: 10px 0 5px; }


	#mainc p, #index #lbarc p { margin: 5px 0 10px 0; }
	#mainc ul { list-style-image: url(../img/list-style.gif); margin: 5px 0 10px 10px; }
	#mainc ul ul { margin-bottom: 0; }
	#mainc ol { list-style-type: decimal; margin: 5px 0 10px 10px; }
	#mainc ul li, #mainc ol li { padding: 3px 0; }
	
	#mainc .neu { color: #fb9e4e; font-weight: bold; }
	
	/*
	* ACCORDEON
	*/
	.accordeon h6 { font-weight: normal; color: #005ba8; background: url(../img/list-style.gif) 0 2px no-repeat; padding: 0 0 0 15px; cursor: pointer; margin: 10px 0; display: block; }
	.accordeon h6:hover { background: url(../img/list-style_open.gif) 0 2px no-repeat; }
	.accordeon h6.active { background: url(../img/list-style_open.gif) 0 2px no-repeat; }




	/*
	* LBAR ELEMENTS
	*/
	/* navigation */
	#lbarc { margin: 0 0 0 20px; }
	#nav { padding: 0; margin: 0; }
	
	#nav li {
		list-style-type: none;
		padding: 0;
		margin: 0;
		background: #0066B3;
		border-bottom: 1px solid #fff;
	}
	
	#nav a,
	#nav a:visited {
		color: #fff;
		text-decoration: none;
		border-left: 1px solid #fff;
		display: block;
		padding: 3px 3px;
		margin-left: 10px;
		font-family: Arial, sans-serif;
		font-size: 12px;
	}

	#nav a:hover { color: #333; }

	#nav ul { margin: 0; }
	#nav .first { border-top: 1px solid #FFF; background: #267dbe; }
	#nav .middle { background: #267dbe; }
	#nav .last { border: 0 none; background: #267dbe; }

	#nav .first a,
	#nav .middle a,
	#nav .last a { padding-left: 15px; }

	#nav .first a.cur,
	#nav .middle a.cur,
	#nav .last a.cur,
	#nav .first a.cur:hover,
	#nav .middle a.cur:hover,
	#nav .last a.cur:hover { padding-left: 15px; }

	#nav a.cur { color: #fff; background: #0080e1; font-weight: bold; padding-left: 10px; }
	#nav a.cur:hover { color: #333; padding-left: 10px; }

	#lbarc div.square { margin-top: 200px; }
	#lbarc h5 { vertical-align: bottom; text-align: center; line-height: 1.2em; }

	/*
	 * MAINC ELEMENTS
	 */
	 #mainc table { width: 468px; }
	

	/* mailform */


	/*
	 * debug csc
	 */
	/* #mainc div.csc-textpic { width: 468px; } */
	/* image in text */
	/* #mainc div.csc-textpic-intext-right div.csc-textpic-imagewrap .csc-textpic-image img,
	#mainc div.csc-textpic-intext-left div.csc-textpic-imagewrap .csc-textpic-image img { margin: 3px 0 0 0; } */

	/* image and text are separate cols */
	/* #mainc div.csc-textpic-intext-left-nowrap div.csc-textpic-text { padding-left: 10px; }
	#mainc div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap .csc-textpic-image img { margin: 0 !important; } 

	#lbarc .csc-textpic-caption,
	#mainc .csc-textpic-caption { text-align: left; font-size: 11px; line-height: 13px; margin-top: 3px; }

	#rbarc div.csc-textpic-clear { clear: right; }
	#rbarc div.csc-textpic-above div.csc-textpic-text { clear: right; } */

	/*
	* RBAR ELEMENTS
	*/
	#rbarc { margin: 0; }
	#rbarc div { background: url(../img/form-bg.gif) no-repeat; }
	#rbarc div { margin-bottom: 35px; }
	#rbarc h4 { color: #005ba8; font-size: 1.1em; font-weight: normal; /*background: url(../img/headline-right-bg.jpg) left top no-repeat;*/ padding: 8px 0 16px 22px; margin: 0; }
	#rbarc p { margin: 0; padding: 0; }

	#rbarc form { /*background: url(../img/border-buttons.gif) repeat-y;*/ padding: 8px 0 8px 11px; margin: 0 0 0 8px; }
	#rbarc input[type="submit"] { border: 0 none; background: none; color: #005ba8; font-size: .80em; font-weight: normal; letter-spacing: normal; cursor: pointer; }
	#rbarc .hidden { margin: 0; padding: 0; border: 0 none; background: none; }


	#foot { border-top: 2px solid #D7E4FC; color: #9C9E9F; font-size: 0.85em; margin: 80px 29px 20px 29px; padding: 5px 35px 0; }
	#foot a { color: #9c9e9f; }
	#foot a img { float: right; }



	/* CLEARING */
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	.clearfix { display: block; }
	#clear { display: none; }
}
