/* 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: #b6a476; }
h2		   { font-size: 17px; display: block; margin-bottom: 10px; font-weight: bold; color: #b6a476; }
h3		   { font-size: 15px; display: block; margin-bottom: 3px; color: #b6a476;}

/* hack */
.level_0   { font-size: 17px; display: block; margin-bottom: 17px; font-weight: bold; color: #b6a476; margin-top: -3px; }
.level_1   { font-size: 15px; display: block; margin-bottom: 3px; margin-top: -3px; color: #b6a476; }
.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; }


#wrapper            { height: auto !important; height: 100%; min-height: 100%; position: relative; }
#header             { background-image:url('../img/DM_head/DM_head_hintergrund.png'); }
	#head-scheibe   { top: 40px; left: 980px; position: absolute; }
	#head-logout    { top: 53px; left: 1190px; position: absolute; }
#marginal           { top: 300px; left: 1002px; position: absolute; text-align: center; z-index: 2; width: 182px; }
	#marginal li    { margin-bottom: 6px; } 
#content            { width: 890px; padding: 30px 0 239px 73px; min-height: 530px; }
#footer             { background-image:url('../img/DM_start/DM_hg-rapport.png'); bottom: 0px; position: absolute; width: 100%; }
	#footer-content { width: 890px; padding: 15px 0 15px 73px; color: white; height: 179px; line-height: 18px; }
	#footer a       { color: white; }
	#fehler_melden  { position: absolute; bottom: 60px; left: 980px; }
    #logos          { position: absolute; bottom: 18px; left: 980px; text-align: center; width: 226px; }

	/*start*/
#imageSwap          { margin: 30px 0; display: block; }
#start				{ width: 700px; }
.marginal_content   { font-size: 13px; font-family: Arial, Helvetica, sans-serif; }
.marginal_content p { line-height: 1.4em; }
.marginal_content a { text-decoration: underline; }
.marginal_content li { list-style-type: circle; margin-left: 14px; }
.buttons 			{ margin-top: 22px; }


	/*questionnaire*/
ul.line_element           { margin-left: -4px; padding: 4px 0 4px 4px; position: relative; }
ul.curFocus               { background-color: #CFA9BE; }
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 #b6a476; width:300px; padding: 2px; font-family: Arial, Helvetica, sans-serif; }
input[type=submit]           { border: 1px solid #b6a476; background-color: #b6a476; color: white; padding: 3px; margin-right: 6px; margin: 0px; }
input[type=submit]:hover     { border: 1px solid #870257; background-color: #870257; 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: 15px; 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 #b6a476; }
ul.typ_11							   { border-top: 1px dotted #b6a476; }
ul.typ_5.ud							   { border-top: 1px dotted #b6a476; }
ul.typ_19							   { border-top: 1px dotted #b6a476; }


/*         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: 95px; }
.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: 95px; }
.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; margin-bottom: 4px;}
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; }
.typ_3 label                           { display: block; }
.typ_3 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; }

/* header: title, menue, lang
#title {
	font-size: 22px;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 4px;
}

#menue {
	font-size: 13px;
	margin-bottom: 44px;
	font-family: arial, helvetica, sans-serif;
}

#menue li {
	display: inline;
	margin: 0 17px 0 9px;
}

#menue li.active a, #lang li.active a{
	font-weight: bold;
	line-height: 17px;
	padding-bottom: 3px;
	border-bottom: 6px solid black;
	margin-bottom: 10px;
}

*+ html ul#lang {
	margin-top: -7px;
}

*+ html #lang li.active a {
	line-height: 32px;
}

	
#menue li:hover, #lang li:hover {
	background: #ffff00;
}

#lang {
	float: right;
	font-size: 13px;
	font-family: arial, helvetica, sans-serif;
}
#lang li {
	display: inline;
}
 */
/* gallery 
#gallery_container {
	position: relative;
	width: 551px;
	height: 179px;
}

.overlay {
	position: absolute;
	left: 485px;
	top: 23px;	
	z-index: 500;
}

*/
/* content 

.footer_noborder {
	padding: 8px;
	border: none;
}

.box_help {
	padding: 8px;
	width: 180px;
	float: right;
	background: #cc3232;
	color: white;
}
.box_help a {
	color: white;
}
.box_help a:hover {
	color: #f7dd3b;
}
.box_newsletter, .box_search {
	float: right;
	margin-top: 54px;
	padding-left: 2px;
	width: 187px;
	float: right;
}
.box_newsletter input[type=text] {
	margin: 5px 0 6px -2px;
	font-size: 14px;
	line-height: 22px;
	height: 22px;
	width: 185px;
	background: #ffff00;
	border: none;
}

.box_search input[type=text], .box_search select {
	margin: 5px 0 6px -2px;
	font-size: 14px;
	line-height: 22px;
	height: 22px;
	width: 185px;
	border: 1px solid black;
	background: white;
}
.box_search select {
	width: 191px;
	margin-top: 0px;
	height: 27px;
}

.box_newsletter input[type=image], .box_search input[type=image] {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	margin-left: -2px;
}
.box_noborder {
	margin-top: 47px;
	width: 590px;
	padding: 10px;
	border: none;
	margin-bottom: 15px;
}
.box_border {
	width: 590px;
	padding: 7px 0 0 15px;
	border: 1px solid #999999;
	margin-bottom: 15px;
}
.box_title {
	margin-top: 10px;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	color: #999999;
}

.content_title {
	font-weight: bold;
	font-size: 17px;
	line-height: 19px;
}
.content_subtitle {
	font-size: 13px;
	line-height: 15px;
}
.content_textshort {
	margin-top: 5px;
	font-weight: bold;
}
.content_text {
	margin-top: 19px;
	width: 585px;
	min-height: 115px;
	font-size: 13px;
	line-height: 17px;
}
.content_link {
	color: blue;
}
.content_link:hover {
	color: red;
}
.content_footer {
	margin: 0 0 5px 0;
}

.group {
	margin: 7px 0 17px 7px;
	width: 540px;
}
.group_title {
	font-weight: bold;
	margin: 12px 0 2px 18px;
}
.group_text {
	margin: 0 0 5px 18px;
}
*/
/* elements 
.element {
	padding: 5px 0 5px 18px;
	width: 443px;
	position: relative;
	font-family: arial, helvetica, sans-serif;
}
.element_title {
	font-weight: bold;
}
.element_tip {
	font-size: 10px;
	line-height: 12px;
	margin-left: 10px;
}
.element_inputs {
	margin-top: 2px;
	width: 400px;
}
.element_help {
	position: absolute;
	left: 461px;
	top: -11px;
	display: none;
	background: #ffffff;
	color: #55bc22;
	padding: 9px;
	width: 200px;
	font-size: 11px;
	line-height: 13px;
}
*/
/* Focus colors 
.curFocus {
	background-color: #85ec52;
}
*/
/* form elements 
input, select, textarea {
	font-size: 14px;
	line-height: 16px;
	padding: 2px;
}
input.form_text, select {
	width: 294px;
	border: 1px solid #999999;
}
input.submit {
	margin: 20px 0 0 35px;
	background: #f7dd3b;
	border: none;
}
input.submit:hover {
	background: #65cc32;
	color: white;
}

textarea {
	border: 1px solid #999999;
	font-family: arial, helvetica, sans-serif;
}

select {
	width: 300px;
}
*/
/* footer 
#footer {
	margin-top: 50px;
	border-top: 1px solid black;
	font-size: 12px;
	line-height: 16px;
}
*/

/* list 
.list p, .list p a {
	font-size: 12px;
	color: #333333;
}
*/
