/* 
bg_color_body: #ffffff
bg_color_header: #8390b3
color_lite: #CCD2DF
color_medium: #A9B4CB
color_dark: #576995
color_verydark: #364B7C
font_main: #6d6d6d
logo: rgb(213,56,34)

 */

/* Farben */

body, textarea, input, select {color:#6d6d6d; font-size: 1em; font-family: sans-serif; }
body {background-color: #ffffff;}
legend {color: #6d6d6d; background-color: #A9B4CB; border-color: #ffffff;}
fieldset {background-color: #CCD2DF;}
h2,h3 {color:#CCD2DF; background-color: #576995;}
#header {background-color: #8390b3;}
#header_title {color:#CCD2DF;}
#header_name {background-color: rgb(213,56,34); color:#ffffff; }
#sr_title, #sr_version {color:#CCD2DF;}
#output {border-color: #576995;}
.preview_header {background-color: #364B7C; color: #CCD2DF;}
.links_index {background-color: #CCD2DF;}
#export_inlinebox_close_button {color:#6d6d6d; }
a.navigation {color:#CCD2DF; background-color: #A9B4CB;}
a.navigation:hover {background-color: #576995;}
a.link_block {color:#CCD2DF; background-color: #A9B4CB;}
a.link_block:hover {background-color: #576995;}
a.init_action {color:#6d6d6d;}
a.heading {color:#6d6d6d;}
.number_ok {color:#6d6d6d;}
.number_alert {color: red;}
.fieldset_separator {height:0px; border:0px; border-top:1px solid white;}
.leftnavi_header {background-color: #CCD2DF;} 


html {width: 100%; height:100%; padding:0px; font-size:12px;}
body {line-height: 175%; padding:0px; margin:0px; width: 100%; height:100%; counter-reset: export_h1_counter;}
a {cursor: pointer;}
#header {border: 0px solid red; font-size:1.6em; line-height: 200%; margin:0; padding: 0.4em 0px 0px 0.4em; width: 100%; height:47px; position: fixed; top:0px; left: 0px; z-index: 10;}
#input	{border: 0px solid red; margin:0px; width: 650px; min-width: 650px; padding: 0px; position: absolute; top: 60px; left: 210px; z-index: 0; }
#block_index	{border: 0px solid red; margin:0px; width: 650px; min-width: 650px; padding: 0px; position: absolute; top: 60px; left: 5px; z-index: 0; }

#leftnavi {border: 0px solid red; margin:0px; width: 200px; height: 100%; position: fixed; left: 5px; top: 60px;}
textarea  {margin: 0px; padding-left: 0px;}
ul	{list-style-type: none; list-style-position: outside; margin: 0px; padding: 0px;  }
div	{border:none; padding: 0px; }
legend	{font-weight:bold; font-style: normal; border-width: 1px; border-style: solid; padding: 0px 10px 0px 10px; margin-bottom:0.4em;}
fieldset	{display: block; width: 100%-10px; margin-top: 20px; margin-bottom: 20px; padding: 5px; border:none;}
select {margin: 0px; padding-left: 0px;}
button {border: 1px solid lightgray; width: 150px;background-color: white; }
h2	{font-size:14px; line-height: 200%; font-weight: normal; padding-left: 0.4em; margin-top: 0px; margin-bottom: 20px; text-transform: uppercase;}
h3	{font-size:14px; line-height: 200%; font-weight: normal; padding-left: 5px; margin-top: 0px; margin-bottom: 20px;}

hr.underline {border: 0px solid lightgray; position: fixed; left: 5px; width: 600px; margin-bottom: 5px;}
hr.preview_line {height: 1px; border: none; border-top: 1px solid lightgray;}
p {}

.export_title {font-weight: bold; text-transform: none;}
.export_version {font-style: italic; font-size: 0.8em;}
.export_disclaimer {font-style: italic; font-size: 0.8em;}
.export_h1 {font-weight: bold; text-transform: uppercase;}
.export_h2 {font-style: italic; font-weight: normal; text-transform: none;}

.preview_header {font-weight:bold; margin-left: 0px; text-decoration: none; padding: 5px 10px 5px 10px; margin: 5px;}

.conclusion_steps {color:red;}
.conclusion_output {list-style-type: disc; list-style-position: inside;  margin: 0px; padding: 0px;}
.list_output	{list-style-position: inside; list-style-type: disc;}
.item_output	{}
.list_output_disc	{list-style-position: inside; list-style-type: disc; margin: 0px; padding: 0px;  }
.item_output_disc	{}
.list_output_conc	{list-style-position: inside;}
.item_output_conc	{}
.mets_output	{list-style-position: inside; list-style-type: circle; margin-left:10px;}
.measure_numbered_output {list-style-type: decimal; list-style-position: inside; margin: 0px; padding: 0px;}
.measure_sum_output {list-style-type: disc; list-style-position: inside; margin-left: 0px; padding-left: 0px;}

.leftnavi_header {font-size:14px; line-height: 200%; font-weight: normal; text-transform: uppercase; padding-left: 0.4em; margin:0px; color: #ffffff;}
.leftnavilist {list-style-type: none; list-style-position: inside;  margin: 0px; padding: 0px; cursor: pointer;}
.leftnavilist li {text-transform: uppercase;}
.leftnavilink {display: block; background-color: #A9B4CB; padding: 5px; border-left: 5px solid #A9B4CB;}
.leftnavilink:hover {background-color: rgb(213,56,34); color: #CCD2DF; border-left: 5px solid #576995;}
.leftnavimenu {display: block; background-color: #A9B4CB; padding: 5px; text-decoration: none;  border-left: 5px solid #A9B4CB;}
.leftnavimenu:visited {background-color: #A9B4CB;color:#6d6d6d;}
.leftnavimenu:hover {background-color: rgb(213,56,34); color: #CCD2DF;  border-left: 5px solid #576995;}


.input_header	{font-style: normal; font-weight: bold;}
.input_hint {font-weight: bold;}
.display_block {display:block;}
.display_none	{display:none;}
.input_conclusion {margin-left:0px; width: 100%; height:3em;}
.checkbox_indent {margin-left:18px;}
.dropdown	{width: 250px;}
.label_text_wide {}
.input_text_wide {width: 20em; margin-left: 1em;}
.input_text_wide_span {}
.input_select {width: 20 em; margin-left: 1em; }
.observation_input_class {width: 200px; margin-left: 5px; position:absolute; left: 175px;}
.observation_select_class_1 {width: 200px; margin-left: 5px; position:absolute; left: 175px; }
.observation_select_class_2 {width: 200px; margin-left: 5px; position:absolute; left: 400px; }
.freetext_box {width: 100%; height: 4em;}
.preview_box {width: 100%;  height: 4em;}
.select_box {width: 100%; height: 4em; overflow-y: scroll;}
.overlay_hidden {display: none;}
.overlay_show {display: inline;}
.number_ok, .number_alert {width:75px;}
.inlinebox_header {background-color:gray; padding: 5px; margin:0px;color: #ffffff;}
.inlinebox_content {padding: 5px;}
.links_index {list-style-type: none; padding: 0.4em;}
.triangle_right {display: inline-block; position:relative; top: 0.2em; width: 0; height: 0; border-style: solid; border-width: 0.6em 0 0.6em 1.04em; border-color: transparent transparent transparent #CCD2DF; margin: 0}
.triangle_down {display: inline-block; position:relative; top: 0.2em; width: 0; height: 0; border-style: solid; border-width: 1.04em 0.6em 0 0.6em; border-color: #CCD2DF transparent transparent transparent; margin: 0}
.help_header {font-weight: bold; padding: 5px; }
.help_list {list-style-type: disc; list-style-position: inside;  padding: 5px;}
a.heading {font-weight:normal;}
a.heading:hover {font-weight:normal;}
a.navigation {font-size: 0.9em;text-decoration: none; padding: 0.4em 0.8em 0.4em 0.8em; margin: 0.4em 0.2em 0.4em 0.2em;}
a.navigation:hover {}
a.link_block {font-size: 0.7em; text-decoration: none; padding: 5px 10px 5px 10px; margin: 5px;}
a.link_block:hover {}
a.init_action {color:#6d6d6d;text-decoration: underline;}
a.init_ref {color:#6d6d6d; text-decoration: underline;cursor: pointer;}

#export_reportbox, #help_contentbox {font: 1em/100% sans-serif; padding: 5px;}
#export_inlinebox, #help_inlinebox {position: fixed; left:30px; top: 30px; z-index: 40; overflow-y: scroll; width: 800px; height: 80%; background-color: #ffffff; padding:0px; border:5px solid gray;}
#alert_inlinebox {position: fixed; left:30px; top: 30px; z-index: 100; width: 400px; min-height: 100px; border:5px solid gray; background-color: #ffffff; padding:0px;}
#leftnavi {z-index: 0;}
#header_title {font-size:1em; font-weight:bold; margin:2em 0.4em 2em 0.4em; padding: 0.4em 0.8em 0.4em 0.8em; text-transform: uppercase;}
#header_name {font-size:1em; font-weight:bold; padding: 0.4em 0.8em 0.4em 0.8em;}
#header_buttons {display: inline; position: absolute; left: 670px; font-style: normal; font-weight: normal; font-size:1em; }
#header_version	{display: inline; position: absolute; right: 20px; font-style: normal; font-weight: normal; font-size:0.6em; line-height:100%; text-align: right; padding: 0.4em 0em 0.4em 0.8em;}
#header_link_block {margin-top: 15px;}
#output	{background-color: #ffffff; border-width: 1px; border-style: solid; border-top: 0px; padding: 0px; margin-left: 865px; position: absolute; top: 60px; z-index: -10;}
#insert	{width: 350px; height:auto; padding: 5px; line-height:125%; font-size: 12px; font-family: sans-serif; font-weight: normal;}
#export_inlinebox_close_button, #help_inlinebox_close_button {width: 50px; height: 50px; position: absolute; margin: 5px;  right: 0;  top: 0; font-size: 2em;  }
#block_measurements {border:10px solid rgb(213,56,34); position: fixed; top: 10em; left: 210px; width: 630px; padding: 0px; background-color: #ffffff; z-index: 100;}
#block_help {border:10px solid rgb(213,56,34); position: fixed; top: 10em; left: 210px; width: 630px; padding: 0px; background-color: #ffffff; z-index: 200;}

#hcc_custom_features {position: fixed; top: 200px; left: 200px; z-index: 200; width: 400px; border:10px solid rgb(213,56,34); background-color: #ffffff; }
#hcc_custom_features_select {height: 100px; width: 100%; border:none;}
