/************************************************/
/* Generelle Links definieren */
/************************************************/

*{
	font-family:Verdana,sans-serif;
	font-size:12px;	
}
	
a.default:link {
    color: #4A4A4A;
    text-decoration: none;
}

a.default:visited {
    color: #909090;
    text-decoration: none;
}

a.default_smallfont:link {
    color: #4A4A4A;
    font-size: 11px;
    text-decoration: none;
}

a.default_smallfont:visited {
    color: #4A4A4A;
    font-size: 11px;
    text-decoration: none;
}

a.thumbnail_comments:link {
    color: #000000;
    font-size: 11px;
    font-weight: bold;
}

a.thumbnail_comments:visited {
    color: #000000;
    font-size: 11px;
    font-weight: bold;
}


a.formview:link {
    color: #2020E0;
    text-decoration: underline;
}

a.formview:visited {
    color: #4040B0;
    text-decoration: underline;
}

body {
    font-size: 12px;
    font-family: Verdana, sans-serif;
    background-color: #BFBFBF;
    margin: 10px;
    border: 0;
    background-image: url("../images/gradient_bg.png");
    background-repeat: repeat-x;
}

a.footer_infolink:link {
    font-size: 10px;
    
    color: #FFFFFF;
}

pre {
    font-family: monospace;
    
    overflow: auto;
}


/************************************************/
/********* Klassen fuer die Nutzerordnung-Page *********/
/************************************************/


.head_float_right {
	float: right; 
	background-color: transparent; 
	margin-top: 10px; 
	color: #FFFFFF;
}


/************************************************/
/********* Klassen fuer die LOGIN-Page *********/
/********* migriert aus der "login.css" ********/
/************************************************/


a.login:link {
    color: #FFFFFF;
}

a.login:visited {
    color: #FFFFFF;
}


input.for_login {
    border: 1px none #666666;
    background-color: #FFFFFF;
    width: 220px;
}


.content_inhalt_for_login {
    /* How to get a centered box without an annoying top offset (in Firefox) in both Firefox AND IE:
     * 1. Set top left edge of box to horizontal page center (absolute positioning!)
     * 2. Subtract 50% of the box' width for the right margin
     * 3. Effect: the box is horizontally centered. Tadaa! (CSS sucks...)
     */
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -500px;
    width: 1000px;
    height: 550px;
    background-color: transparent;
    background-image: url("../images/login_bg.jpg");
    background-repeat: no-repeat;
}

.logo-box_for_login {
    margin: 25px 0px 0px 100px; /* top right bottom left */
    width: 254px;
    height: 85px;
    background-image: url("../images/logo.png");
    background-repeat: no-repeat;
}

.login-content_for_login {
    position: relative;
    margin: 0px 100px 50px 250px; /* top right bottom left */
    height: 200px;
    width: 800px;
    color: #FFFFFF;
    background-color: transparent;

}

.neutral_for_login {
    margin: 100px 100px 0px 250px;
    height: 21px;
}

.error_for_login {
    width:600px;
    color: white;
    background-color: red;
    background-repeat: no-repeat;
    padding-left: 5px;
    margin: 100px 100px 0px 250px; /* top right bottom left */
}

.error_for_registration {
    width:1000px;
    height: 21px;
    color: white;
    background-image: url("../images/error_registration.png");
    background-color: transparent;
    background-repeat: no-repeat;
    padding-left: 5px;
    margin: 100px 100px 0px 0px; /* top right bottom left */
    text-align: center;
}

.ok_for_login {
    width:600px;
    height: 21px;
    color: white;
    background-image: url("../images/ok.png");
    background-color: transparent;
    background-repeat: no-repeat;
    padding-left: 5px;
    margin: 100px 100px 0px 250px; /* top right bottom left */
}

.button-short_for_login {
    background: url("../images/button_std_login.png");
    background-repeat: no-repeat;
    margin: 17px 0 0 0;
    width: 80px;
    height: 23px;
    border: none;
    color: #000000;
    
    font-size: 8pt;
    font-weight: bold;
    text-align: center;
}

/**** Styles fuer "Impressum"-Tabelle auf Login-Seite ****/

a.spamspan:link {
    color: #FFFFFF;
}

.info_table a.spamspan:link {
    color: #6e6e6e;
}

table.contact_info {
    width: 500px;
    border: 1px dashed #505050;
}

.info_table{
	border: 1px dashed #505050;
}

.info_table td.topic_content{
	color: #6E6E6E;
}

td.topic {
    padding: 4px;
    
    font-weight: bold;
    color: #000000;
    vertical-align: top;
    background-color: #cccccc;
    opacity: 0.5;
    filter: alpha(opacity=50);
}



table.list {
    font-size: inherit;
    border: none;
    width: 100%;
    border-width:1px;
	border-style:solid;
	border-color:blue;
	padding:2.5em;
	text-align:justify;
}

tr.list:nth-child(even) {
	background: #CCC
}

tr.list:nth-child(odd) {
	background: #FFF
}

td.topic_content {
    padding: 4px;
    
    color: #ffffff;
    vertical-align: top;
}

/************************************************/
/********* Tabellen *************/
/************************************************/

table.full_length {
    font-size: inherit;
    border: none;
    width: 100%;
}

td.centered {
    text-align: center;
}

th.heading_left {
    font-weight: bold;
}

th.length1_smallfont {
    width: 1%;
    font-size: 11px;
    text-align: center;
}

th.length1_smallfont_news {
    padding: 4px;
    font-size: 11px;
    text-align: center;
    white-space: nowrap;
}

th.length15_smallfont {
    width: 15%;
    font-size: 11px;
    text-align: center;
}

th.length20_smallfont {
    width: 20%;
    font-size: 11px;
    text-align: center;
}

th.length50_smallfont_news {
    padding: 4px;
    font-size: 11px;
    text-align: center;
}


td.length1_smallfont_news {
    padding: 4px;
    font-size: 11px;
    text-align: center;
    white-space: nowrap;
}


td.align_left_smallfont {
    font-size: 11px;
}

td.align_left_smallfont_news {
    padding: 4px;
    width: 90%;
    font-size: 11px;
    white-space: pre-wrap;
}

td.align_center_smallfont {
    font-size: 11px;
    text-align: center;
}

td.patient_warning {
    font-size: 24px;
    color: #0000FF;
    font-weight: bold;
}


td.lengthxx {
    width: 38%;
    white-space: nowrap;
}

td.align_left {
    font-size: inherit;
}

td.align_left_op_data {
    font-size: inherit;
    width:485px;
}


td.align_center {
    text-align: center;
}

td.align_left_gray {
    padding: 4px;
    background-color: #e0e0e0;
    vertical-align: top;
}

td.align_center_gray {
    padding: 4px;
    background-color: #e0e0e0;
    text-align: center;
    vertical-align: top;
}

td.align_center_midgray {
    padding: 4px;
    background-color: #c0c0c0;
    text-align: center;
    vertical-align: top;
}

td.align_left_midgray {
    padding: 4px;
    background-color: #c0c0c0;
    vertical-align: top;
}

td.align_right {
    padding: 2px 0 0 0;
    vertical-align: top;
    white-space: nowrap;
}

td.text_column {
    font-size: inherit;
    width: 180px;
    white-space: nowrap;
}

td.text_column_wide {
    width: 260px;
    white-space: nowrap;
}

td.text_column_op_data {
    width: 30%;
    white-space: nowrap;
}

td.text_column_wide_for_uploadapplet {
    width: 180px;
    white-space: nowrap;
}

td.no_linebreak {
    white-space: nowrap;
}


/* Span kommt v.A. innerhalb von Tabellen vor (für nachgeladene IDAT),
 * sollte die Schriftgröße der Tabellenzelle erben.
 */ 
span{
	font-size: inherit;
}


/************************************************/
/****************** Form-Elemente ***************/
/************************************************/

fieldset {
    border: 1px solid #666666;
    width: 97%;
}

textarea {
    border: 1px solid #999999;
    background-color: #F0F0F0;
    font-family: Verdana, sans-serif;
    font-size: 11px;
}

textarea.full_length {
    border: 1px solid #999999;
    background-color: #F0F0F0;
    width: 99%;
    height: 150px;
    font-family: Verdana, sans-serif;
    font-size: 11px;
}

textarea.length90 {
    border: 1px solid #999999;
    background-color: #F0F0F0;
    width: 90%;
    height: 150px;
    font-family: Verdana, sans-serif;
    font-size: 11px;
}

input {
    border: 1px solid #999999;
    background-color: #F0F0F0;
}

input.noborder {
    border: 0px;
    background-color: transparent;
}

input.length90 {
    border: 1px solid #999999;
    background-color: #F0F0F0;
    width: 90%;
}

input.full_length {
    border: 1px solid #999999;
    background-color: #F0F0F0;
    width: 99%;
}

input[type='file'] {
    background-color: #F0F0F0;
}

.input-ip {
    background-color: #F0F0F0;
    width: 3em;
}

.input-port {
    background-color: #F0F0F0;
    width: 5em;
}

.input-send_queue {
    background-color: #F0F0F0;
    width: 10em;
}

.input-day {
    background-color: #F0F0F0;
    width: 2em;
}

.input-month {
    background-color: #F0F0F0;
    width: 2em;
}

.input-year {
    background-color: #F0F0F0;
    width: 4em;
}

select.select2_custom {
    width: 90.5% !important;
    white-space: nowrap;
}

.select2-selection--single {
    overflow:hidden !important;
}

.select2_custom, .select2-selection {
    border: 1px solid #999999 !important;
    background-color: #F0F0F0 !important;
    border-radius: 0% !important;
}

.select2_custom .select2-selection, .select2-selection__rendered {
    color: black !important;
}

.select2_unregistered_user + .select2-container {
    width: 100% !important;
}

.select2_unregistered_user + .select2-container .select2-selection--single .select2-selection__rendered {
    white-space: normal !important;
}

select {
    border: 1px solid #999999;
    background-color: #F0F0F0;
}

select.length90 {
    border: 1px solid #999999;
    background-color: #F0F0F0;
    width: 90%;
    white-space: nowrap;
}

select.full_length {
    border: 1px solid #999999;
    background-color: #F0F0F0;
    width: 99%;
    white-space: nowrap;
}

.form_freetext {
	font-size:11px;	
}

/**********************************************/
/***************************** Header-Boxen ***/
/**********************************************/

.top_box {
    min-width: 960px;
    height: 85px;
}

.logo-small {
    width: 264px;
    height: 85px;
    background-image: url("../images/logo.png");
    background-repeat: no-repeat;
    float: left;
}

.info-box {
    padding: 4px 8px 4px 8px;
    height: 85px;

    color: #FFFFFF;
    
    float: right;
    text-align: left;
    vertical-align: middle;
}

.studylogo-box {
    width: 128px;
    height: 64px;
    float: right;
}

/*************************************************************************/
/***************************** Header-/Footer-Ecken (allgemeingueltig) ***/
/*************************************************************************/

.header_start {
    width: 15px;
    height: 24px;
    background: transparent url("../images/ecke_links.gif");
    background-repeat: no-repeat;
    float: left;
}

.header_stop {
    width: 15px;
    height: 24px;
    background: transparent url("../images/ecke_rechts.gif");
    background-repeat: no-repeat;
    float: right;
}

.header_start_error {
    background: transparent url("../images/ecke_links_rot.gif")  no-repeat;
    width: 15px;
    height: 24px;
    float: left;
}

.header_stop_error {
    background: transparent url("../images/ecke_rechts_rot.gif")  no-repeat;
    width: 15px;
    height: 24px;
    float: right;
}

.header_start_ok {
    background: transparent url("../images/ecke_links_gruen.gif")  no-repeat;
    width: 15px;
    height: 24px;
    float: left;
}

.header_stop_ok {
    background: transparent url("../images/ecke_rechts_gruen.gif")  no-repeat;
    width: 15px;
    height: 24px;
    float: right;
}

.footer_start {
    width: 15px;
    height: 16px;
    background: transparent url("../images/ecke_links_unten.gif");
    background-repeat: no-repeat;
    float: left;
}

.footer_stop {
    width: 15px;
    height: 16px;
    background: transparent url("../images/ecke_rechts_unten.gif");
    background-repeat: no-repeat;
    float:right;
}

.alternate_header_start {
    width: 15px;
    height: 16px;
    background: transparent url("../images/ecke_links_oben.gif");
    background-repeat: no-repeat;
    float: left;
    margin: 0 1px;
}

.alternate_header_stop {
    width: 15px;
    height: 16px;
    background: transparent url("../images/ecke_rechts_oben.gif");
    background-repeat: no-repeat;
    float: right;
}

/********************************************************************************/
/***************************** Umspannende Box: Navigationsmenue / Contentbox ***/
/********************************************************************************/

.nav_content_box {
    margin: 10px 0 0 0;
    min-width: 960px;
    overflow: visible;
}

.left-box {
    margin: 0 10px 0 0;
    width: 260px;
    min-height: 720px;
    float: left;
}

/***********************************************************************/
/***************************** Umspannende Box des Navigationsmenues ***/
/***********************************************************************/

.nav_box {
    width: 260px;
    float: left;
}

.nav_header {
    width: 260px;
    height: 24px;
}

.header_center {
    padding: 4px 0 0 0;
    height: 21px;
    background: transparent url("../images/menubar.gif")  repeat-x;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
}

.alternate_header_center {
    height: 16px;
    background: transparent url("../images/streifen_top.gif")  repeat-x;
    overflow: hidden;
    white-space: nowrap;
}

/***************************** Inhalt des Navigationsmenues ***/
input.nav_search {
    width: 230px;
    border: 1px solid #999999;
    background-color: #FFFFFF; 
    font-size: 11px;
}

.nav_search, .ui-autocomplete {
    max-height: 240px;
    max-width: 230px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: auto;
}

.nav_inhalt {
    background-color: #FFFFFF;
    padding: 4px 14px 4px 14px;
    width: 230px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #A6A6A6;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #A6A6A6;
    clear: left;
}

/***************************** Footer des Navigationsmenues ***/

.nav_footer {
    width: 260px;
    height: 16px;
}

.footer_center {
    height: 16px;
    background: transparent url("../images/streifen_bottom.gif") repeat-x;
    overflow: hidden;
}

/**************************************************************************/
/***************************** Linkdefinitionen fuer's Navigationsmenue ***/
/**************************************************************************/

.nav_current, .nav_link {
    font-weight: bold;
    text-decoration: none;
    vertical-align: middle;
}

.nav_current {
    color: #000000;
}

.nav_link {
    color: #888888;
}

.nav_arrow {
    background: transparent url("../images/pfeil_big.gif")  no-repeat;
    background-position: left center;
}

.nav_arrow_small {
    background: transparent url("../images/pfeil_small.gif")  no-repeat;
    background-position: left center;
}

.nav_parentselected {
    background: transparent url("../images/pfeil_big_expanded.gif")  no-repeat;
    background-position: left center;
}

.nav_parentselected_small {
    background: transparent url("../images/pfeil_small_expanded.gif")  no-repeat;
    background-position: left center;
}

.nav_level1 {
    margin: 0 0 0 0;
    padding: 0 0 0 14px;
    
}

.nav_level2 {
    margin: 0 0 0 31px;
    padding: 0 0 0 8px;
    font-size: 11px;
}

.nav_level3 {
    margin: 0 0 0 40px;
    padding: 0 0 0 8px;
    font-size: 10px;
}

.nav_level4 {
    margin: 0 0 0 49px;
    padding: 0 0 0 8px;
    font-size: 9px;
}

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

.study_box {
    margin: 10px 0 0 0;
    width: 260px;
    float: left;
}

.study_box_inhalt {
    background-color: #FFFFFF;
    padding: 10px 14px 4px 14px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #A6A6A6;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #A6A6A6;
    clear: left;
}

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

.advice_box {
    margin: 10px 0 0 0;
    width: 260px;
    float: left;
}

.advice_header {
    width: 260px;
    height: 16px;
}

.advice_inhalt {
    background-color: #FFFFFF;
    padding: 4px 14px 4px 14px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #A6A6A6;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #A6A6A6;
    clear: left;
}

.content_studyClosed {
	padding: 4px 14px 4px 14px;
	border: 1px solid;
}

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

.content_box {
    margin: auto;
    min-width: 640px;
    overflow: hidden;
}

/***************************** Header des Contents ***/

.content_header {
    height: 24px;
}

.content_header_center {
    background: transparent url("../images/menubar.gif")  repeat-x;
    height: 24px;
    min-width: 300px;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
}

.content_header_center_error {
    background: transparent url("../images/menubar_rot.gif")  repeat-x;
    height: 24px;
    color: #FFFFFF;
    
    
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
}

.content_header_center_ok {
    background: transparent url("../images/menubar_gruen.gif")  repeat-x;
    height: 24px;
    color: #FFFFFF;
    
    
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
}

.print_icon {
    text-align: right;
}

/***************************** Inhalt der Contentbox ***/

.content_inhalt {
    margin: 0 0 0 1px;
    padding: 0px 14px 4px 14px;
    min-width: 550px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #A6A6A6;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #A6A6A6;
    color: #000000;
    background-color: #FFFFFF;
}

.content_inhalt_iefix {
    margin: 0 0 0 1px;
    padding: 0px 14px 4px 14px;
    min-width: 550px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #A6A6A6;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #A6A6A6;
    color: #000000;
    background-color: #FFFFFF;
}

input[type=checkbox] {
	border:0px;
}

input[type=radio] {
	border:0px;
}

.content_user_advice_box {
    margin: 0px 0px 8px 0px;
    padding: 4px;
    border: dotted 2px #FF0000;
    color: #000000;
    text-align: justify;
    font-weight: bold;
    background-color: #FF9999;
}

.backlink {
    margin: 0 0 0 1px;
    padding: 1em 14px 4px 14px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #A6A6A6;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #A6A6A6;

    color: #000000;
    
    
    vertical-align: middle;
    background-color: #FFFFFF;
    clear: both;
}


/***************************** Footer des Navigationsmenues ***/

.content_footer {
    margin: 0 0 0 1px;
    height: 16px;
}

.content_footer_center {
    height: 16px;
    background: transparent url("../images/streifen_bottom.gif")  repeat-x;
    overflow: hidden;
}

/************************************************/
/********** Second Content Box (for eg. reading mails and jobs) *********/
/************************************************/


.content_box2 {
    position: relative;
    margin: 10px 0 0 0px;
    padding: 0;
}

.content_box2_header {
    margin: 0 1px;
    padding: 0;
    height: 16px;
}

.content_box2_header_center {
    height: 16px;
    background: transparent url("../images/streifen_top.gif")  repeat-x;
    overflow: hidden;
    white-space: nowrap;
}


.content_box2_inhalt {
    background-color: #FFFFFF;
    margin: 0 1px;
    padding: 4px 14px 4px 14px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #A6A6A6;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #A6A6A6;
    clear: left;
}

/************************************************/
/***************** thumbnail_overview ***************/
/************************************************/

.thumbnaillist-box {
    margin: 4px 4px 8px 4px;
    float: left;
}

.thumbnail-rahmen-64 {
    margin: 0px 8px 8px 0px;
    padding: 10px 10px 0px 11px;
    width: 65px;
    height: 92px;
    background: transparent url("../images/rahmen_64_gray.gif")  repeat-x;
    float: left;
}

.thumbnail-rahmen-128 {
    margin: 0px 8px 8px 0px;
    padding: 10px 10px 0px 11px;
    width: 129px;
    height: 156px;
    background: transparent url("../images/rahmen_128_gray.gif")  repeat-x;
    float: left;
}

.thumbnail-rahmen-192 {
    margin: 0px 8px 8px 0px;
    padding: 10px 10px 0px 11px;
    width: 194px;
    height: 220px;
    background: transparent url("../images/rahmen_192_gray.gif")  repeat-x;
    float: left;
}

.thumbnail-rahmen-256 {
    margin: 0px 8px 8px 0px;
    padding: 10px 10px 0px 11px;
    width: 259px;
    height: 284px;
    background: transparent url("../images/rahmen_256_gray.gif")  repeat-x;
    float: left;
}

.thumbnail-box-pic {
    min-width: 64px;
    min-height: 64px;
}

.thumbnail {
}


.thumbnail-box-bottom {
    width: 64px;
    height: 20px;
}

.thumbnail-comments-overlay {
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    left: -50px;
    top: -36px;
    width: 12px;
    height: 12px;
    float: right;
    text-align: center;
    background-color: #FFFF00;
    opacity: 0.4;
    filter: alpha(opacity=60);
    z-index: 1;
}

.thumbnail-comments-overlay-transparent {
    /* needed for correct (and free!) positioning of the text
     * within the box "thumbnail-comments-overlay"
     */
    position: relative;
    top: -3px;
    background-color: transparent;
}

.detailpic-box {
    min-width: 608px;
    color: #FFFFFF;
    background-color: transparent;
}

.detailpic-box-arrow_left {
    margin: 2px 2px 2px 2px;
    width: 23px;
    float: left;
    vertical-align: middle;
}

.detailpic-box-arrow_right {
    margin: 2px 2px 2px 2px;
    width: 23px;
    float: right;
    vertical-align: middle;
}

.detailpic-box-pic {
    margin: 2px 2px 2px 2px;
    min-width: 256px;
    min-height: 256px;
    text-align:center;
    vertical-align: middle;
}

.detailpic-table {
    margin: auto;
    padding: 4px;
    vertical-align: middle;
    color: #606060;
    background-color: #eaeaea;
    border-width: 1px;
    border-style: dashed;
    border-color: #606060;
    overflow: auto;
    visibility: hidden;
    display: none;
    clear: both;
    float: none;
}

.pages-thumbnails {
    margin: 4px 4px 0px 4px;
    padding: 6px 0 0 0;
    vertical-align: middle;
    background-color: #F0F0F0;
    border-width: 1px 0 1px 0;
    border-color: #999999;
    border-style: solid;
    clear: left;
}

.chk-thumbnails {
    margin: 0px 4px 0px 4px;
    padding: 3px 0 0 0;
    height: 60px;
    vertical-align: middle;
    background-color: #E0E0E0;
    border-width: 0 0 1px 0;
    border-color: #999999;
    border-style: solid;
    clear: left;
}

.select-thumbnails {
    margin: 4px 4px 0 4px;
    height: 110px;
    vertical-align: middle;
    clear: left;
}

.submit-thumbnails {
    margin: 4px 4px 4px 4px;
    padding: 6px 0px 6px 0px;
    vertical-align: middle;
    text-align: left;
    clear: left;
}

.icon {
    width: 16px;
    height: 16px;
    border: 0;
}

/************************************************/
/******** Buttons ********/
/************************************************/

.button-tiny {
    background: url("../images/button_tiny.png");
    background-repeat: no-repeat;
    padding: 0 0 2px 0;
    width: 25px;
    height: 23px;
    border: none;
    color: #000000;
    
    text-align: center;
}

.button-short {
    background: url("../images/button_std.png");
    background-repeat: no-repeat;
    padding: 0 0 2px 0;
    width: 80px;
    height: 23px;
    border: none;
    color: #000000;
    
    
    text-align: center;
}

.button {
    background: url("../images/button_long.png") !important;
    background-repeat: no-repeat;
    padding: 0 0 2px 0;
    width: 159px;
    height: 23px;
    border: none;
    color: #000000;
    
    
    text-align: center;
}

.save_button {
    background: url("../images/button_long_double.png") !important;
    background-repeat: no-repeat;
    padding: 0 0 2px 0;
    width: 159px;
    height: 46px;
    border: none;
    color: #000000;
    
    
    text-align: center;
}

/************************************************/
/***** TAB-Leiste ******/
/************************************************/

.tab_stripe_box {
}

.tab_stripe_start {
    width: 100px;
    height: 2px;
    background-position: top;
    background-repeat: no-repeat;
    background-image: url("../images/reiter_streifen_links.gif");
    float: left;
}

.tab_stripe_stop {
    width: 100px;
    height: 2px;
    background-position: top;
    background-repeat: no-repeat;
    background-image: url("../images/reiter_streifen_rechts.gif");
    float: right;
}

.tab_stripe_center {
    min-width: 400px;
    height: 2px;
    text-align: center;
    background-position: top;
    background-repeat: repeat-x;
    background-image: url("../images/reiter_streifen.gif");
}

.tab_box {
    margin: 0 0 10px 0;
    height: 21px;
}

table.tabs_table {
    margin: auto;
    border: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
    height: 21px;
}

td.tabHeader {
    padding: 1px 0 0 12px;
    width: 110px;
    height: 20px;
    color: #000000;
    vertical-align: top;
    background: transparent url("../images/reiter_tab.gif");
    background-repeat: no-repeat;
}

td.tabBg {
    padding: 1px 0 0 10px;
    width: 112px;
    height: 20px;
    color: #888888;
    vertical-align: top;
    text-decoration: none;
    background: transparent;
}

a.tabHeader {
    color: black;
    text-decoration: none;
    display: block;
}

.tab_box a.tabHeader {
	margin-top: -15px;
}

/* --- Reihenfolge: Wichtig, dass 
	nach dem "a.tabHeader:visited" 
	bei "a.default_smallfont:visited" Farben-Zuweisung stattfindet. 
	Wenn beide Klassen einem Element zugewissen werden Bsp.: <td><a class="tabHeader default_smallfont"...
--- */
a.tabHeader:visited {
    color: black;
}

a.default_smallfont:visited {
    color: #4A4A4A;
}
/* --- --- */

a.tabBg {
    font-weight: normal;
    color: #AAAAAA;
    text-decoration: none;
    display: block;
    margin-top: -15px;
}

a.tabBg:visited {
    color: gray;
    text-decoration: none;
}

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

.comment-box {
    padding: 4px;
    width: 172px;
    height: 80px;
    background-color: #E0E0E0;
    vertical-align: middle;
    border-width: 1px;
    border-style: dotted;
    border-color: #999999;
    color: #000000;
}

.comment-box div{
	white-space: normal;
	overflow-wrap: break-word; 
	width: 100%;
}

.comment-box-deleted {
    padding: 4px;
    width: 172px;
    height: 80px;
    background-color: #E0E0E0;
    vertical-align: middle;
    border-width: 1px;
    border-style: dotted;
    border-color: #999999;
    color: #AAAAAA;
}

.comment-text {
    padding: 4px;

    width: 99%;
    height: 90px;
    border-width: 1px;
    border-style: dashed;
    border-color: #999999;
    background-color: #F0F0F0;
    overflow: auto;
    color: #000000;
}

.comment-text-deleted {
    padding: 4px;

    width: 99%;
    height: 90px;
    border-width: 1px;
    border-style: dashed;
    border-color: #999999;
    background-color: #F0F0F0;
    overflow: auto;
    color: #AAAAAA;
}

.comment-text-writeable {
    padding: 4px;

    width: 99%;
    height: 90px;
    border-top: 2px solid #666699;
    border-right: 2px solid #D0D0F0;
    border-bottom: 2px solid #D0D0F0;
    border-left: 2px solid #666699;
    background-color: #C0C0F0;
}


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

.debug-box {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
    clear: both;
}

.startpage_content_box {
    margin: auto;
    width: 522px;
    text-align:	center;
}

.startpage_box {
    margin: 8px 0 0 0;
    background-repeat: no-repeat;
    background-image: url("../images/rahmen_mails.gif");
    width: 522px;
    height: 100px;
    text-align:center;
    vertical-align:	middle;
    cursor: pointer;
}

.startpage_box_news {
    margin: 8px 0 0 0;
    padding: 10px 0 0 0;
    background-repeat: no-repeat;
    background-image: url("../images/rahmen_news.gif");
    width: 522px;
    height: 100px;
    text-align:center;
    vertical-align: middle;
    cursor: pointer;
}

.startpage_logo {
    padding: 10px 0 0 8px;
    float:	left;
    width: 100px;
}

.startpage_logo_news {
    padding: 0 0 0 4px;
    float:  left;
    font-weight: bold;
    width: 100px;
    height: 90px;
}

.startpage_text {
    padding: 30px 20px 0 110px;
}

.startpage_news {
    width: 390px;
    height: 70px;
    padding: 0 0 0 14px;
    
    text-align: left;
    white-space: pre-wrap;
    overflow-y: scroll;
}

.study-admin-picture {
    width:	128px;
    height:	64px;
    float:	left;
}

.study-admin-advice {
    width:	260px;
    height:	90px;
    
}

.info_box_details{
	padding-left: 3px;
	min-width: 100px;
	font-weight: bold; 
}

/************************************************/
/* <------ HIT Fragebogen  -------> */
/************************************************/

input.hit_full_length {
    width: 474px;
    border: 1px solid #999999;
    background-color: #FFFFFF;
    
    font-size: 11px;
}

input.hit_full_length_readonly {
    width: 474px;
    border: 1px dotted #A0A0A0;
    background-color: #F0F0F0;
    
    font-size: 11px;
    color: #404040;
}

input.hit_medium {
    width: 250px;
    border: 1px solid #999999;
    background-color: #FFFFFF;
    
    font-size: 11px;
}

input.hit_short {
    width: 152px;
    border: 1px solid #999999;
    background-color: #FFFFFF;
    
    font-size: 11px;
}

input.hit_short_readonly {
    width: 152px;
    border: 1px dotted #A0A0A0;
    background-color: #F0F0F0;

    font-size: 11px;
    color: #404040;
}


input.hit_day {
    width: 2em;
    border: 1px solid #999999;
    background-color: #FFFFFF;
    
    font-size: 11px;
}

input.hit_day_readonly {
    width: 2em;
    border: 1px dotted #A0A0A0;
    background-color: #F0F0F0;

    font-size: 11px;
    color: #404040;
}


input.hit_month {
    width: 2em;
    border: 1px solid #999999;
    background-color: #FFFFFF;
    
    font-size: 11px;
}

input.hit_month_readonly {
    width: 2em;
    border: 1px dotted #A0A0A0;
    background-color: #F0F0F0;

    font-size: 11px;
    color: #404040;
}

input.hit_year {
    width: 4em;
    border: 1px solid #999999;
    background-color: #FFFFFF;
    
    font-size: 11px;
}

input.hit_year_readonly {
    width: 4em;
    border: 1px dotted #A0A0A0;
    background-color: #F0F0F0;
    
    font-size: 11px;
    color: #404040;
}

input.hit_date {
    width: 8em;
    border: 1px solid #999999;
    background-color: #FFFFFF;
    font-size: 11px;
}

select.hit_dicom_modality {
    width: 4em;
    border: 1px solid #999999;
    background-color: #FFFFFF;
    font-size: 11px;
    white-space: nowrap;
}

select.hit_short {
    width: 152px;
    border: 1px solid #999999;
    background-color: #FFFFFF;
    
    font-size: 11px;
    white-space: nowrap;
}

select.hit_medium {
    width: 250px;
    border: 1px solid #999999;
    background-color: #FFFFFF;
    
    font-size: 11px;
    white-space: nowrap;
}

select.hit_hgg_compare{
	background-color: #FFFFFF;
	border: 1px solid #999999;
    font-size: 11px;
    white-space: nowrap;
}

select[disabled].hit_hgg_compare {
	background-color: #F0F0F0;
}

select.hit_full_length {
    width: 474px;
    border: 1px solid #999999;
    background-color: #FFFFFF;
    
    font-size: 11px;
    white-space: nowrap;
}

textarea.hit_full_length {
    width: 474px;
    height: 100px;
    border: 1px solid #999999;
    background-color: #FFFFFF;
    font-family: Verdana, sans-serif;
    font-size: 11px;
}


textarea.hit_full_length_slim {
    width: 474px;
    height: 50px;
    border: 1px solid #999999;
    background-color: #FFFFFF;
    font-family: Verdana, sans-serif;
    font-size: 11px;
}

textarea.hit_two_lines_full_width {
    width: 100%;
    height: 2em;
    border: 1px solid #999999;
    background-color: #FFFFFF;
    font-family: Verdana, sans-serif;
    font-size: 11px;
}

textarea.hit_one_line_full_width {
    width: 100%;
    height: 1em;
    border: 1px solid #999999;
    background-color: #FFFFFF;
    font-family: Verdana, sans-serif;
    font-size: 11px;
}

textarea.hit_one_line_short {
    width: 152px;
    height: 1em;
    border: 1px solid #999999;
    background-color: #FFFFFF;
    font-family: Verdana, sans-serif;
    font-size: 11px;
}

textarea.hit_full_length_100, #my_textarea {
    width: 99%;
    min-height: 100px;
    overflow: scroll;
    padding: 0;
    outline: none;
    resize: none;
    border: 1px solid #999999;
    background-color: #FFFFFF;
    font-family: Verdana, sans-serif;
    font-size: 11px;
}

textarea.freetext {
    width: 99%;
    min-height: 100px;
    overflow: auto;
    padding: 0;
    outline: none;
    resize: none;
    border: 1px solid #999999;
    background-color: #FFFFFF;
    font-family: Verdana, sans-serif;
    font-size: 11px;
}

textarea.hit_short_slim {
    width: 152px;
    height: 1em;
    border: 1px solid #999999;
    background-color: #FFFFFF;    
    font-size: 11px;
}

input.full_length {
	width: 99%;
}

.hit_box {
    width: 720px;
    margin: auto;
    
    font-size: 10px;
    vertical-align: top;
}

.hit_select_box {
    margin: 0 0 8px 0;
    padding: 8px;
    /*min-width: 702px;*/
    /*width: 702px;*/
    border-style: solid;
    border-width: 1px;
    border-color: #CCCCCC;
    background-color: #F0F0F0;
    font-size: 11px;
    /*vertical-align: top;*/
    /*text-align: left;*/
    /*lear: both;*/
}

.hit_font_changed_red {
    font-family: Verdana, sans-serif;
    font-size: 11px;
    color: #FF0000;
    overflow: hidden;
}

.hit_level1_box {
    margin: 0 0 8px 0;
    padding: 8px;
    /*min-width: 702px;*/
    /*width: 702px;*/
    border-style: solid;
    border-width: 1px;
    border-color: #CCCCCC;
    background-color: #F0F0F0;
    font-size: 11px;
    /*vertical-align: top;*/
    /*text-align: left;*/
    /*clear: both;*/
}

.hit_level1_subbox_full_length {
    margin: 12px 0 0 0;
    width: 702px;
    border-style: dotted;
    border-width: 0px;
    border-color: #999999;
    vertical-align: top;
    font-size: 11px;
    /*clear: left;*/
    /*float: left;*/
}

.hit_level1_box label {
    vertical-align:top;
    margin:0px 10px 0px 0px;
    width:150px;
    font-size: 11px;
}

.hit_level1_box label.checkbox_label {
	margin: 0 0 0 0;
    vertical-align:top;
    font-size: 11px;
}

.hit_table {
    border: none;
    width: 100%;
    background-color: #F0F0F0;
    
    font-size: 11px;
}

.hit_td_align_left {
    width: 220px;
    
    font-size: 11px;
}

.hit_td_align_left_slim {
    width: 180px;    
    font-size: 11px;
    vertical-align: top;
}

.hit_td_align_left_slim_int_dipg {
    width: 450px;
    font-size: 11px;
}

.hit_td_align_left_slim_dark {
    padding: 2px;
    width: 180px;
    
    font-size: 11px;
    background-color: #D0D0D0;
}

.hit_td_align_left_free {
    width: 400px;
    
    font-size: 11px;
}

.hit_td_align_left_valign_top {
    width: 220px;
    
    font-size: 11px;
    vertical-align: top;
}

.hit_td_align_right {
    padding: 2px 0 0 0;
    
    font-size: 11px;
    vertical-align: top;
    /* white-space: nowrap; */
}

.hit_td_align_center {
    padding: 2px 2px 2px 2px;
	text-align: center;    
    font-size: 11px;
    vertical-align: top;
}

#hit_questionaire .hit_td_align_right {
    padding: 0px;
}

.hit_td_align_right_nowrap {
    padding: 2px 0 0 0;
    
    font-size: 11px;
    vertical-align: top;
    white-space: nowrap;
}

.hit_td_align_right_yes_no_box {
    padding: 2px 0 0 0;
    width: 90px;
    
    font-size: 11px;
    vertical-align: top;
    white-space: nowrap;
}

.hit_td_comparison{
    font-size: 11px;
    text-align: right;
    width: 80px;
}

.hit_td_align_center_wrap {
    padding: 2px;
    font-size: 11px;
    text-align: center;
    vertical-align: top;
    background-color: #D0D0D0;
}

.hit_text_style {
    font-size: 11px;
}

.hit_hr {
    height: 1px;
    border: 0px;
    border-top: solid 1px #C0C0C0;
    border-bottom: transparent;
}

.under_line {
    height: 20px;
    border: 0px;
    border-bottom: solid 1px #C0C0C0;
    border-top: transparent;
}

.hit_text_center{
    font-size: 11px;
    text-align: center;

}

.hit_text_left{
    font-size: 11px;
}

.hit_short_suggestion_box, .ui-autocomplete {
    color: #000000;
    background-color: #FFFFFF;
    border: 1px solid black;
}

.hit_short_suggestion_box_element, .ui-corner-all {
    font-size: 11px;
    display: block;
}

div.hit_short_suggestion_box_element:hover, .ui-state-hover {
    background-color: #BFBFBF;
}

.ui-menu {
    list-style: none outside none;
    padding: 2px;
    width: 17%;
}
.ui-menu-item:hover{
	background-color: #bfb;
}

.ui-autocomplete-input {
    width: 300px;
}

strong {
    font-weight: bolder;
    font-size: 11px;
}


input.result {
    width: 5em;
    border: 1px dotted #A0A0A0;
    background-color: #F0F0F0;
    font-family: Verdana, sans-serif;
    font-size: 11px;
    color: #404040;
}

.hit_standing_data_box {
    margin: 0 0 8px 0;
    padding: 8px;
    border-style: solid;
    border-width: 2px;
    border-color: #6CA6CD;
    background-color: #F0F0F0;
    font-size: 11px;
}

.span_radio {
    font-family: Verdana, sans-serif;
    font-size: 11px;
}

.zusammenfassen{
	float: left;
	font-size: 11px;
}

.shortenedSelect {
    width:auto;
	overflow:auto;
}

input[disabled], select, textarea {
	color: #000000;
}

.margin_left_05em{
	margin-left: 0.5em;
}

.margin_left_1em{
	margin-left: 1em;
}

.margin_left_2em{
	margin-left: 2em;
}

.margin_left_2_5em{
	margin-left: 2.5em;
}

.margin_left_5em{
	margin-left: 5em;
}

.margin_left_10em{
	margin-left: 10em;
}

.margin_right_05em{
	margin-right: 0.5em;
}

.padding_right_08em{
	padding-right: 0.8em;
}

/** Sprache-Umschalt-Funktionalit�t **/
#flagge span img{
	border: 1px solid #696969;
}
#flagge a img{
	border: 1px solid #a9a9a9;
}
#flagge a img:hover{
	border: 1px solid #d3d3d3;
}

/************************************************/
/* <------ HIT Fragebogen ENDE-------> */
/************************************************/

/***	MRIs compare Bogen	***/

.mri_box_header{
	margin:0px;
	badding:0px;
	font-size: 12px;
}
.mri_table_2{
	border-collapse: collapse;
}
.mri_table_1{
	border: solid 1px #000000;
	border-bottom: 0px;
}
.mri_table_2 td, #mri_other_pathology_table, #mri_leptom_disease_table, #mri_metastasis_table{
	border: solid 1px #000000;
}
.mri_table_2 td td{
	border: 0px;
}
.mri_lower_table{
	padding-left: 50px;
}
.mri_table{
    font-size: 11px;
}
.mri_table label{
	margin: 0px;
}
.mri_table caption{
	text-align: left;
}
input.mri_text_length {
    border: 1px solid #999999;
    background-color: #FFFFFF;
    font-size: 11px;
}

/************************************************/
/* <------ Formular START -------> */
/************************************************/

#form_table{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #F3E2A9;
	/*background-color: #E6E6FA;  /#F5DA81;  /#F7BE81;  /#F3E2A9;  /#F5ECCE;*/
	margin: 0px 0px 5px 0px;
	border: 1px solid #FE9A2E;
	padding: 0px 0px 12px 0px;
}
#form_table td {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #000033;
	vertical-align: top;
}
#deleteReference{
	padding-top: 15px;
}
#form_table a:link, #form_table a:visited {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #993300;
}
#form_table a:hover {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #FF0000;
}
/* CSS-Tricks > CSS Triangle: http://css-tricks.com/snippets/css/css-triangle/ */
.arrow-right {
	width: 0; 
	height: 0; 
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid black;
	float: left;
}
#reference a{
	font-weight:bold;
}
#reference{
	margin: 0px 10px;
}
#Linkadresse{
	margin-top: -3px;
	margin-right: 10px;
	float: right;
}
.clear_both{
	clear: both;
}
#warningSign{
	margin-top: 5px;
	margin-left: 2px;
	color: #FE9A2E;
	font-size: 30px;
	float: left;
}

/************************************************/
/* <------ Formular ENDE -------> */
/************************************************/


/***************************** Contact-Info ***/

#contact_title{
	margin-top: -20px;
}

ul{
	list-style-position: outside;
}

.nowrap{
	white-space:nowrap;
}

/* Stil für Warnhinweise (gelb hinterlegter Kasten) */
.warning {
	background-color: #F3E2A9;
	border: 1px solid #FE9A2E;
}