/* html styles */
html, body { height: 100%; }
body       { font-size: 13px; font-family: Arial, Helvetica, sans-serif; }
img		   { vertical-align: bottom; }
           
a          { color: black; text-decoration: none; }
h1		   { font-size: 17px; display: block; margin-bottom: 17px; font-weight: bold; color: #06B5F1; }
h2		   { font-size: 17px; display: block; margin-bottom: 10px; font-weight: bold; color: #06B5F1; }
h3		   { font-size: 15px; display: block; margin-bottom: 3px; }
/* hack */
.level_0   { font-size: 17px; display: block; margin-bottom: 17px; font-weight: bold; color: #06B5F1; margin-top: -3px; }
.level_1   { font-size: 17px; display: block; margin-bottom: 3px; margin-top: -3px; }
.level_2   { margin-top: 10px; font-size: 15px; font-weight: bold; }
.level_n   { display: block; }

.level_0 + i        { width: 700px; display: block; }
h3 + i    	        { width: 700px; display: block; }
.level_1 + i        { width: 700px; display: block; }
.level_2 			{ margin-bottom: 15px; }



#login              { background-image:url('../img/rapport.png'); background-color: #06B5F1;}
    #login-form  { position: absolute; left: 200px; top: 100px; }
    #login-text  { font-size: 46px;  font-weight: bold;}
#form_login input	                 { background-color: #ebe7da; border: 1px solid #ebe7da; margin: 6px 0 0; width: 200px; color: grey; padding: 2px 4px; }
#form_login input[type=submit]       { border: none; width: 110px; height: 23px; }
#form_login input[type=submit]:hover { border: none; width: 110px; height: 23px; background-color: #0074E8; color: white; }
.button_text                         { color: #ebe7da; margin-top: 6px; }
.element_error						 { color: red; margin-top: 6px; }



#wrapper            { height: auto !important; height: 100%; min-height: 100%; position: relative; }

#header             { background-image:url('../img/hintergrund.png'); background-color: #06B5F1; padding: 16px 0 13px 73px; }


#page               { width: 1165px; }
#content            { width: 870px; padding: 30px 20px 103px 73px; min-height: 230px; float: left;}
#marginal           { width: 202px; padding: 30px 0 0 0; float: right; } 
	#marginal li    { margin-bottom: 6px; } 

.clear              { clear: both;}

#footer             { background-image:url('../img/rapport.png'); background-color: #06B5F1; bottom: 0px; position: absolute; width: 100%; }
	#footer-content { width: 890px; padding: 15px 0 15px 73px; color: white; height: 43px; line-height: 18px; }
	#footer a       { color: white; }

	/*start*/
#imageSwap          { margin: 30px 0; display: block; }
#start				{ width: 700px; }
.marginal_content   { font-size: 13px; font-family: Arial, Helvetica, sans-serif; }
.buttons 			{ margin-top: 22px; }


	/*questionnaire*/
ul.line_element           { margin-left: -4px; padding: 4px 0 4px 4px; position: relative; }
ul.curFocus               { background-color: #AFE7FB; }
ul:focus                  { background-color: white; }
ul.line_element li        { display: inline-block; vertical-align: top; zoom: 1; *display: inline; position: relative; }
ul li.element_error       { display: block; border: none; width: 100% !important; }
ul li.element_error label { font-size: 10px; color: red; }
ul label				  { margin-bottom: 3px; }

/* allgemein
 */
input[type=text], textarea	 { border: 1px solid grey; padding: 2px; font-family: Arial, Helvetica, sans-serif; }
input[type=submit]           { border: 1px solid #06B5F1; background-color: #06B5F1; color: white; padding: 3px; margin-right: 6px; margin: 0px; }
input[type=submit]:hover     { border: 1px solid #0074E8; background-color: #0074E8; color: white; }
label + input[type=radio]    { top: 0; left: 0; position: absolute; width: 20px; height: 20px; }
label + input[type=checkbox] { top: 0; left: 0; position: absolute; }

ul.typ_1.linelevel_n				   { margin-top: 15px; }
ul.typ_13							   { margin-top: 55px; font-weight: bold; }
ul.typ_18.linelevel_n				   { margin-top: 10px; }
ul.typ_2.linelevel_n				   { margin-top: 10px; }

ul.typ_10                              { border-top: 1px dotted #06B5F1; }
ul.typ_11							   { border-top: 1px dotted #06B5F1; }
ul.typ_5.ud							   { border-top: 1px dotted #06B5F1; }
ul.typ_19							   { border-top: 1px dotted #06B5F1; }


/*         frage
    1-1      */
.typ_5 lighter						   { width: 300px; }
.typ_5 label                           { display: block; }
.typ_5 input                           { width: 270px; }
/*         frage                               
    2-1-1    */                                
.typ_10 li                             { width: 300px; }
.typ_10 li + li                        { width: 115px; }
.typ_10 li + li label                  { margin-left: 22px; display: block; font-size: 11px; }

.typ_10 li + li + li + li + li + li    { width: 130px; }
/*ul.typ_10 {  border-bottom: 1px dotted grey; }*/

.typ_11 li 					           { width: 300px; }
.typ_11 li input[type=text]            { width: 270px; }
.typ_11 li + li                        { width: 115px; }
.typ_11 li + li label                  { margin-left: 22px; display: block; font-size: 11px; }
/*
.input_raster_5 li + li + li           { width: 60px; }
.input_raster_5 li + li + li + li      { width: 115px; }
.input_raster_5 li + li + li + li + li { width: 180px; }
*/
/*         frage                         
    2-1-5    */                          
ul.typ_8 li                            { display: block; }
ul.typ_8 li + li label                 { margin-left: 22px; display: block; }
/*         frage                         
    2-1-9    */                          
.typ_2 label                           { display: block; }
.typ_2 textarea                        { width: 510px; height: 170px; }
/*         frage                       
    2-2-7    */                        
.typ_18 li                   		   { width: 100%; }
.typ_18 textarea					   { width: 510px; height: 100px; }
.typ_18 li label			 		   { display: block; }
.typ_18 li + li              		   { width: 135px; }
.typ_18 li + li label        		   { margin-left: 22px; display: block; font-size: 11px; }
/*
.input_raster_1_4 li + li + li           { width: 80px; }
.input_raster_1_4 li + li + li + li      { width: 115px; }
.input_raster_1_4 li + li + li + li + li { width: 180px; }
*/
/*         frage
    3-2-2    */
/*
.typ_5 li                            { width: 300px; }
.typ_5 li + li                       { width: 115px; }
.typ_5 li + li + li                  { width: 115px; }
.typ_5 li + li + li label            { margin-left: 20px; display: block; }
*/
.typ_19 li                             { width: 300px; }
.typ_19 li input                       { width: 270px; }
.typ_19 li + li                        { width: 300px; }
.typ_19 li + li input                  { width: 270px; }
.typ_19 li + li + li                   { width: 115px; }
.typ_19 li + li + li input             { width: 20px; }
.typ_19 li + li + li label             { margin-left: 22px; display: block; font-size: 11px; }

.typ_5.ud li                           { width: 300px; }
.typ_5.ud li label					   { width: 270px; }
.typ_5.ud li input                     { width: 270px; margin-right: 30px; }
.typ_5.ud li + li + li                 { width: 115px; }
.typ_5.ud li + li + li input           { width: 20px; }
.typ_5.ud li + li + li label           { margin-left: 22px; display: block; font-size: 11px; }
/*         frage                              
    3-5-4    */                               
ul.typ_14 li                           { display: block; }
/*ul.input_check li.element_error      { display: none; }*/
ul.typ_14 li + li label                { margin-left: 22px; display: block; }

.ui-dialog-content					   { max-height: 400px; overflow-y: scroll; }