* {
	font-family: inherit;
	font-size: inherit;
}



body {
	background-color: #F0F0F0;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 25px 0px;
	color: #666;
}

fieldset {
	border: 0px;
}

div#viewport {
	position: relative;
	width: 820px;
	height: auto;
	margin: 0px auto;
	margin-top: 20px;
	text-align: left;
	padding: 0px;
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;
	border-radius: 24px;
	-moz-box-shadow: 0px 0px 20px #666;
	-webkit-box-shadow: 0px 0px 20px #666;
	box-shadow: 0px 0px 20px #666;
	border: 1px solid #666;
}

div#header {
	height: 118px;
	-moz-border-radius: 24px 24px 0px 0px;
	-webkit-border-radius: 24px 24px 0px 0px;
	border-radius: 24px 24px 0px 0px;
	background: url(../img/img.header.background.png) top left repeat-x;
}

div#headerCBZ {
	height: 118px;
	-moz-border-radius: 24px 24px 0px 0px;
	-webkit-border-radius: 24px 24px 0px 0px;
	border-radius: 24px 24px 0px 0px;
	background: url(../img/img.header.backgroundCBZ.png) top left repeat-x;
}

img#logo {
	display: block;
	position: absolute;
	top: 28px;
	left: 34px;
}

a#cancel {
	display: block;
	position: absolute;
	top: 26px;
	left: 605px;
	color: #FE6508;
	padding: 0px 0px 0px 24px;
	background-image: url(../img/a.cancel.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
}

a#cancel:hover {
	text-decoration: underline;
}

div#state {
	position: absolute;
	top: 68px;
	left: 380px;
	height: 25px;
	width: 400px;
}

div#state span {
	position: absolute;
	color: #FFF;
	font-size: 10px;
}

div#state span#p0 {
	top: 0px;
	left: 0px;
}

div#state span#p25 {
	top: 0px;
	left: 90px;
}

div#state span#p50 {
	top: 0px;
	left: 190px;
}

div#state span#p75 {
	top: 0px;
	left: 290px;
}

div#state span#p100 {
	top: 0px;
	right: 0px;
}

div#state img#mask {
	position: absolute;
	bottom: 0px;
	left: 0px;
}

div#state div#bg {
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 8px;
	width: 100%;
	background-color: #577287;
}

div#state div#currentState {
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 8px;
	background-color: #FE6508;
}

div#content {
	padding: 20px 30px 20px 30px;
	background-color: #F0F0F0;
	/*min-height: 100px;*/
}

#content h1 {
	font-size: 14px;
}


#content div.part {
	margin: 2ex 0em 3ex;
}
#content div.part p {
	display: block !important;
	margin: 0ex 0em 0.5ex;
}


.buttons {
	margin:4ex 0em 1ex;
	text-align: center;
}

.button , .button a, .button input {
	height: 32px;
	line-height: 32px;
}

.button {
	display: inline-block;
	width: auto;

	background-image: url(../img/span.button.bg.gif);
	background-repeat: repeat-x;
	text-align: right;
	   -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	margin: 0ex 1em;
	padding: 0ex 14px;
	-webkit-box-shadow: 1px 1px 3px #666;
	   -moz-box-shadow: 1px 1px 3px #666;
	        box-shadow: 1px 1px 3px #666;
}
.button input {
	height: 32px;
	line-height: 32px;
	color: #FFF;
	text-decoration: none;

	background: transparent;
	border: 0px none transparent;
	cursor: pointer;

	background-repeat: no-repeat;
}

.button input:hover {
	text-decoration: underline;
}

.button.act1 input {
	background-image: url(../img/span.button.next.bg.gif);
}
.button.act1 { float: right; } /* weiter  */
.button.act1 input {
	background-position: right center;
	padding-right: 20px;
	background-image: url(../img/span.button.next.bg.gif);
}
.button.act2 { float: left; }  /* zurueck */
.button.act2 input {
	background-position: left center;
	padding-left: 20px;
	background-image: url(../img/span.button.prev.bg.gif);
}




div#footer {
	clear: both;
	position: relative;
	padding: 0px 50px;
	width: 720px;
	height: 25px;
	line-height: 25px;
	background-image: url(../img/div.footer.bg.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	-moz-border-radius-bottomleft: 24px;
	-moz-border-radius-bottomright: 24px;
	-webkit-border-bottom-left-radius: 24px;
	-webkit-border-bottom-right-radius: 24px;
	border-bottom-left-radius: 24px;
	border-bottom-right-radius: 24px;
}

div#footerCBZ {
	clear: both;
	position: relative;
	padding: 0px 50px;
	width: 720px;
	height: 25px;
	line-height: 25px;
	background-image: url(../img/div.footer.bgCBZ.gif);
	color:#FFF;
	background-repeat: repeat-x;
	background-position: 0px 0px;
	-moz-border-radius-bottomleft: 24px;
	-moz-border-radius-bottomright: 24px;
	-webkit-border-bottom-left-radius: 24px;
	-webkit-border-bottom-right-radius: 24px;
	border-bottom-left-radius: 24px;
	border-bottom-right-radius: 24px;
}

div#footer a#mail {
	position: absolute;
	top: 1px;
	left: 50px;
	color: #FE6508;
	font-size: 10px;
	text-decoration: none;
}

div#footer a#mail:hover {
	text-decoration: underline;
}

div#footer span#copyright {
	position: absolute;
	top: 1px;
	font-size: 10px;
	right: 50px;
}

#score_table {
	font-size: 11px;
	font-weight: bold;
	width: 100%;
}

#score_table th {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}

#scale_table {
	font-size: 11px;
	font-weight: bold;
	width: 100%;
}

#scale_table td {
	text-align: center;
	vertical-align: top;
	width: 50px;
}

#scale_table th {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}

/* ********************* */

fieldset.item { margin:0ex 0em; padding:0ex 0em; }

.item, .item label, .item input {
  vertical-align:middle;
  font-size:12px;
}

.item select {
	min-width:200px;
}
.item select.auto {
	min-width:1em;
}

.item select, .item input[type=text], .item textarea {
  background-color:#fff;
  border:1px solid #748fa0;
  color:#5e7392;
  font-size:9pt;
}

.item textarea {
  height:120px;
  width:100%;
}

.item label + input[type=text], .item input + label {
  margin-left:8px;
}

.item + .item {
  margin-top:3px;
}

.item input[disabled] {
  border:1px solid #f2f3f7 !important;
  background-color:#fcfdff !important;
  border: 1px solid transparent !important;
}

.q_text {
  font-size:14px;
  font-weight:bold;
}
/* .q_text strong , .q_text b { font-style:italic; } /* irgendwie muss ja was aussehen, dass fett in fett ist ;-) */

.q_text_ch {
  font-size:14px;
  font-weight:bold;
}

.q_info {
  color:#748fa0;
}

.q_info.err {
  color:#ff973c;
}

table.sc tr td, table.mc tr td {
	text-align:left;
	vertical-align:top;
}

.matrix {
  border-collapse:collapse;
  border-spacing:1px;
  color:#354151;
  empty-cells:hide;
  font-size:12px;
}

.matrix tbody {
  background-color:#fcfdff;
}

.matrix thead th {
  text-align:center;
  vertical-align:baseline;
}

.matrix tbody th {
  background-color:#e7eaf4;
  text-align:left;
}

.matrix .err {
  color:#ff973c;
}

.matrix tbody tr {
  background-color:#f1f3f9;
}

.matrix tbody tr.alt {
  background-color:#e3e7f1;
}

.matrix tbody tr.alt th {
  background-color:#dadfeb;
}

.matrix tbody td {
  text-align:center;
}

.matrix tbody td, .matrix tbody td label, .matrix tbody input, .matrix tbody select {
  vertical-align:middle;
}

.matrix tbody input[type=text], .matrix tbody select, .matrix tbody textarea {
  border:1px solid #354151;
  font-size:9pt;
  margin-left:0.0em;
  margin-right:0.0em;
}

input+label, select+label {
  margin-left:5px;
}

label+input, label+select {
  margin-right:5px;
}

/* questions */

.q_sc {
	border: 0px;
	border-collapse: collapse;
}

.q_sc td {
	padding: 0px;
}

.q_mc {
	border: 0px;
	border-collapse: collapse;
}

.q_mc td {
	padding: 0px;
}




/* * * * *   multi col   * * * * */
table.multiCol { width:100%; }
table.multiCol tbody { /* jaja, das ist nicht w3c-konform ... aber es funzt ab IE8 ... also mowl */
		display: inline-block;
		display: inline-table;
		float: left;
}
table.multiCol2 tbody { width:50%; }
table.multiCol3 tbody { width:33.3%; }
table.multiCol4 tbody { width:25%; }
table.multiCol5 tbody { width:20%; }





/* * * * *   alignment   * * * * */

.h_center , .h_center * { text-align: center; }
.h_left   , .h_left   * { text-align: left; }
.h_right  , .h_right  * { text-align: right; }







/* constraint cascade for SC_DD */

#content div.part fieldset.SC_DD.has_constraint p.q_text { display: inline !important; }
#content div.part fieldset.SC_DD.has_constraint .constraint { margin: 0ex 0em; padding: 0ex 0em;}
#content div.part fieldset.SC_DD.has_constraint .constraint fieldset.item { margin: 1ex 0em 0ex; }