diff --git a/class/dashboard/layout.php b/class/dashboard/layout.php
index 521bd8e..ce9aaf7 100644
--- a/class/dashboard/layout.php
+++ b/class/dashboard/layout.php
@@ -193,6 +193,10 @@ abstract class MCI_Footnotes_LayoutEngine {
 		wp_enqueue_script('jquery');
 		// enable meta boxes layout and close functionality
 		wp_enqueue_script('postbox');
+        // add WordPress color picker layout
+        wp_enqueue_style('wp-color-picker');
+        // add WordPress color picker function
+        wp_enqueue_script('wp-color-picker');
 		// register stylesheet
 		wp_register_style('mci-footnotes-admin-styles', plugins_url('../../css/settings.css', __FILE__));
 		// add stylesheet to the output
@@ -258,6 +262,7 @@ abstract class MCI_Footnotes_LayoutEngine {
 		// output special javascript for the expand/collapse function of the meta boxes
 		echo '<script type="text/javascript">';
 		echo "jQuery(document).ready(function ($) {";
+        echo 'jQuery(".mfmmf-color-picker").wpColorPicker();';
 		echo "jQuery('.if-js-closed').removeClass('if-js-closed').addClass('closed');";
 		echo "postboxes.add_postbox_toggles('" . $this->a_str_SubPageHook . "');";
 		echo "});";
@@ -272,12 +277,24 @@ abstract class MCI_Footnotes_LayoutEngine {
 	 * @return bool
 	 */
 	private function saveSettings() {
+        $l_arr_newSettings = array();
 		// get current section
 		reset($this->a_arr_Sections);
 		$l_str_ActiveSectionID = isset($_GET['t']) ? $_GET['t'] : key($this->a_arr_Sections);
 		$l_arr_ActiveSection = $this->a_arr_Sections[$l_str_ActiveSectionID];
+
+        // iterate through each value that has to be in the specific contaienr
+        foreach(MCI_Footnotes_Settings::instance()->getDefaults($l_arr_ActiveSection["container"]) as $l_str_Key => $l_mixed_Value) {
+            // setting is available in the POST array, use it
+            if (array_key_exists($l_str_Key, $_POST)) {
+                $l_arr_newSettings[$l_str_Key] = $_POST[$l_str_Key];
+            } else {
+                // setting is not defined in the POST array, define it to avoid the Default value
+                $l_arr_newSettings[$l_str_Key] = "";
+            }
+        }
 		// update settings
-		return MCI_Footnotes_Settings::instance()->saveOptions($l_arr_ActiveSection["container"], $_POST);
+		return MCI_Footnotes_Settings::instance()->saveOptions($l_arr_ActiveSection["container"], $l_arr_newSettings);
 	}
 
 	/**
@@ -437,4 +454,36 @@ abstract class MCI_Footnotes_LayoutEngine {
 			$l_arr_Data["name"], $l_arr_Data["id"], $l_arr_Data["value"]);
 	}
 
+    /**
+     * Returns the html tag for an input [type = text] with color selection class.
+     *
+     * @author Stefan Herndler
+     * @since  1.5.6
+     * @param string $p_str_SettingName Name of the Settings key to pre load the input field.
+     * @return string
+     */
+    protected function addColorSelection($p_str_SettingName) {
+        // collect data for given settings field
+        $l_arr_Data = $this->LoadSetting($p_str_SettingName);
+        return sprintf('<input type="text" name="%s" id="%s" class="mfmmf-color-picker" value="%s"/>',
+            $l_arr_Data["name"], $l_arr_Data["id"], $l_arr_Data["value"]);
+    }
+
+    /**
+     * Returns the html tag for an input [type = num].
+     *
+     * @author Stefan Herndler
+     * @since  1.5.0
+     * @param string $p_str_SettingName Name of the Settings key to pre load the input field.
+     * @param int $p_in_Min Minimum value.
+     * @param int $p_int_Max Maximum value.
+     * @return string
+     */
+    protected function addNumBox($p_str_SettingName, $p_in_Min, $p_int_Max) {
+        // collect data for given settings field
+        $l_arr_Data = $this->LoadSetting($p_str_SettingName);
+        return sprintf('<input type="number" name="%s" id="%s" value="%d" min="%d" max="%d"/>',
+            $l_arr_Data["name"], $l_arr_Data["id"], $l_arr_Data["value"], $p_in_Min, $p_int_Max);
+    }
+
 } // end of class
\ No newline at end of file
diff --git a/class/dashboard/subpage-main.php b/class/dashboard/subpage-main.php
index eb2c42b..e6e9305 100644
--- a/class/dashboard/subpage-main.php
+++ b/class/dashboard/subpage-main.php
@@ -297,11 +297,37 @@ class MCI_Footnotes_Layout_Settings extends MCI_Footnotes_LayoutEngine {
 			array(
 				"label-enable" => $this->addLabel(MCI_Footnotes_Settings::C_BOOL_FOOTNOTES_MOUSE_OVER_BOX_ENABLED, __("Enable the mouse-over box", MCI_Footnotes_Config::C_STR_PLUGIN_NAME)),
 				"enable" => $this->addSelectBox(MCI_Footnotes_Settings::C_BOOL_FOOTNOTES_MOUSE_OVER_BOX_ENABLED, $l_arr_Enabled),
+
                 "label-activate-excerpt" => $this->addLabel(MCI_Footnotes_Settings::C_BOOL_FOOTNOTES_MOUSE_OVER_BOX_EXCERPT_ENABLED, __("Display only an excerpt", MCI_Footnotes_Config::C_STR_PLUGIN_NAME)),
                 "activate-excerpt" => $this->addSelectBox(MCI_Footnotes_Settings::C_BOOL_FOOTNOTES_MOUSE_OVER_BOX_EXCERPT_ENABLED, $l_arr_Enabled),
+
                 "label-excerpt-length" => $this->addLabel(MCI_Footnotes_Settings::C_INT_FOOTNOTES_MOUSE_OVER_BOX_EXCERPT_LENGTH, __("Maximum characters for the excerpt", MCI_Footnotes_Config::C_STR_PLUGIN_NAME)),
-                "excerpt-length" => $this->addTextBox(MCI_Footnotes_Settings::C_INT_FOOTNOTES_MOUSE_OVER_BOX_EXCERPT_LENGTH)
-			)
+                "excerpt-length" => $this->addTextBox(MCI_Footnotes_Settings::C_INT_FOOTNOTES_MOUSE_OVER_BOX_EXCERPT_LENGTH),
+
+                "label-color" => $this->addLabel(MCI_Footnotes_Settings::C_STR_FOOTNOTES_MOUSE_OVER_BOX_COLOR, __("Color", MCI_Footnotes_Config::C_STR_PLUGIN_NAME)),
+                "color" => $this->addColorSelection(MCI_Footnotes_Settings::C_STR_FOOTNOTES_MOUSE_OVER_BOX_COLOR),
+                "notice-color" => __("Empty color will use the default color defined by your current theme.", MCI_Footnotes_Config::C_STR_PLUGIN_NAME),
+
+                "label-background" => $this->addLabel(MCI_Footnotes_Settings::C_STR_FOOTNOTES_MOUSE_OVER_BOX_BACKGROUND, __("Background color", MCI_Footnotes_Config::C_STR_PLUGIN_NAME)),
+                "background" => $this->addColorSelection(MCI_Footnotes_Settings::C_STR_FOOTNOTES_MOUSE_OVER_BOX_BACKGROUND),
+                "notice-background" => __("Empty color will use the default background-color defined by your current theme.", MCI_Footnotes_Config::C_STR_PLUGIN_NAME),
+
+                "label-border-width" => $this->addLabel(MCI_Footnotes_Settings::C_INT_FOOTNOTES_MOUSE_OVER_BOX_BORDER_WIDTH, __("Border width (px)", MCI_Footnotes_Config::C_STR_PLUGIN_NAME)),
+                "border-width" => $this->addNumBox(MCI_Footnotes_Settings::C_INT_FOOTNOTES_MOUSE_OVER_BOX_BORDER_WIDTH, 0, 4),
+                "notice-border-width" => __("Set the width to 0px to hide the border.", MCI_Footnotes_Config::C_STR_PLUGIN_NAME),
+
+                "label-border-color" => $this->addLabel(MCI_Footnotes_Settings::C_STR_FOOTNOTES_MOUSE_OVER_BOX_BORDER_COLOR, __("Border color", MCI_Footnotes_Config::C_STR_PLUGIN_NAME)),
+                "border-color" => $this->addColorSelection(MCI_Footnotes_Settings::C_STR_FOOTNOTES_MOUSE_OVER_BOX_BORDER_COLOR),
+                "notice-border-color" => __("Empty color will use the default border-color defined by your current theme.", MCI_Footnotes_Config::C_STR_PLUGIN_NAME),
+
+                "label-border-radius" => $this->addLabel(MCI_Footnotes_Settings::C_INT_FOOTNOTES_MOUSE_OVER_BOX_BORDER_RADIUS, __("Border radius (px)", MCI_Footnotes_Config::C_STR_PLUGIN_NAME)),
+                "border-radius" => $this->addNumBox(MCI_Footnotes_Settings::C_INT_FOOTNOTES_MOUSE_OVER_BOX_BORDER_RADIUS, 0, 20),
+                "notice-border-radius" => __("Set the radius to 0px to avoid a radius.", MCI_Footnotes_Config::C_STR_PLUGIN_NAME),
+
+                "label-max-width" => $this->addLabel(MCI_Footnotes_Settings::C_INT_FOOTNOTES_MOUSE_OVER_BOX_MAX_WIDTH, __("Max. width (px)", MCI_Footnotes_Config::C_STR_PLUGIN_NAME)),
+                "max-width" => $this->addNumBox(MCI_Footnotes_Settings::C_INT_FOOTNOTES_MOUSE_OVER_BOX_MAX_WIDTH, 0, 1280),
+                "notice-max-width" => __("Set the max-width to 0px to disable this setting.", MCI_Footnotes_Config::C_STR_PLUGIN_NAME)
+            )
 		);
 		// display template with replaced placeholders
 		echo $l_obj_Template->getContent();
@@ -349,19 +375,19 @@ class MCI_Footnotes_Layout_Settings extends MCI_Footnotes_LayoutEngine {
 				"headline" => $this->addText(__("Available CSS classes to customize the footnotes and the reference container", MCI_Footnotes_Config::C_STR_PLUGIN_NAME)),
 
 				"label-class-1" => ".footnote_plugin_tooltip_text",
-				"class-1" => $this->addText(__("inline footnotes", MCI_Footnotes_Config::C_STR_PLUGIN_NAME)),
+				"class-1" => $this->addText(__("superscript, Footnotes index", MCI_Footnotes_Config::C_STR_PLUGIN_NAME)),
 
 				"label-class-2" => ".footnote_tooltip",
-				"class-2" => $this->addText(__("inline footnotes, mouse over highlight box", MCI_Footnotes_Config::C_STR_PLUGIN_NAME)),
+				"class-2" => $this->addText(__("mouse-over box, tooltip for each superscript", MCI_Footnotes_Config::C_STR_PLUGIN_NAME)),
 
 				"label-class-3" => ".footnote_plugin_index",
-				"class-3" => $this->addText(__("reference container footnotes index", MCI_Footnotes_Config::C_STR_PLUGIN_NAME)),
+				"class-3" => $this->addText(__("1st column of the Reference Container, Footnotes index", MCI_Footnotes_Config::C_STR_PLUGIN_NAME)),
 
 				"label-class-4" => ".footnote_plugin_link",
-				"class-4" => $this->addText(__("reference container footnotes linked arrow", MCI_Footnotes_Config::C_STR_PLUGIN_NAME)),
+				"class-4" => $this->addText(__("2nd column of the Reference Container, Arrow / Hyperlink", MCI_Footnotes_Config::C_STR_PLUGIN_NAME)),
 
 				"label-class-5" => ".footnote_plugin_text",
-				"class-5" => $this->addText(__("reference container footnotes text", MCI_Footnotes_Config::C_STR_PLUGIN_NAME))
+				"class-5" => $this->addText(__("3rd column of the Reference Container, Footnote text", MCI_Footnotes_Config::C_STR_PLUGIN_NAME))
 			)
 		);
 		// display template with replaced placeholders
@@ -375,7 +401,7 @@ class MCI_Footnotes_Layout_Settings extends MCI_Footnotes_LayoutEngine {
      * @since 1.5.5
      */
     public function lookupHooks() {
-// load template file
+        // load template file
         $l_obj_Template = new MCI_Footnotes_Template(MCI_Footnotes_Template::C_STR_DASHBOARD, "expert-lookup");
         // replace all placeholders
         $l_obj_Template->replace(
diff --git a/class/settings.php b/class/settings.php
index 511da86..7a61524 100644
--- a/class/settings.php
+++ b/class/settings.php
@@ -171,6 +171,60 @@ class MCI_Footnotes_Settings {
      */
     const C_INT_FOOTNOTES_MOUSE_OVER_BOX_EXCERPT_LENGTH = "footnote_inputfield_custom_mouse_over_box_excerpt_length";
 
+    /**
+     * Settings Container Key for the mouse-over box to define the color.
+     *
+     * @author Stefan Herndler
+     * @since 1.5.6
+     * @var string
+     */
+    const C_STR_FOOTNOTES_MOUSE_OVER_BOX_COLOR = "footnote_inputfield_custom_mouse_over_box_color";
+
+    /**
+     * Settings Container Key for the mouse-over box to define the background color.
+     *
+     * @author Stefan Herndler
+     * @since 1.5.6
+     * @var string
+     */
+    const C_STR_FOOTNOTES_MOUSE_OVER_BOX_BACKGROUND = "footnote_inputfield_custom_mouse_over_box_background";
+
+    /**
+     * Settings Container Key for the mouse-over box to define the border width.
+     *
+     * @author Stefan Herndler
+     * @since 1.5.6
+     * @var string
+     */
+    const C_INT_FOOTNOTES_MOUSE_OVER_BOX_BORDER_WIDTH = "footnote_inputfield_custom_mouse_over_box_border_width";
+
+    /**
+     * Settings Container Key for the mouse-over box to define the border color.
+     *
+     * @author Stefan Herndler
+     * @since 1.5.6
+     * @var string
+     */
+    const C_STR_FOOTNOTES_MOUSE_OVER_BOX_BORDER_COLOR = "footnote_inputfield_custom_mouse_over_box_border_color";
+
+    /**
+     * Settings Container Key for the mouse-over box to define the border radius.
+     *
+     * @author Stefan Herndler
+     * @since 1.5.6
+     * @var string
+     */
+    const C_INT_FOOTNOTES_MOUSE_OVER_BOX_BORDER_RADIUS = "footnote_inputfield_custom_mouse_over_box_border_radius";
+
+    /**
+     * Settings Container Key for the mouse-over box to define the max width.
+     *
+     * @author Stefan Herndler
+     * @since 1.5.6
+     * @var string
+     */
+    const C_INT_FOOTNOTES_MOUSE_OVER_BOX_MAX_WIDTH = "footnote_inputfield_custom_mouse_over_box_max_width";
+
 	/**
 	 * Settings Container Key for the Hyperlink arrow.
 	 *
@@ -298,6 +352,12 @@ class MCI_Footnotes_Settings {
 			self::C_BOOL_FOOTNOTES_MOUSE_OVER_BOX_ENABLED => 'yes',
             self::C_BOOL_FOOTNOTES_MOUSE_OVER_BOX_EXCERPT_ENABLED => 'no',
             self::C_INT_FOOTNOTES_MOUSE_OVER_BOX_EXCERPT_LENGTH => 150,
+            self::C_STR_FOOTNOTES_MOUSE_OVER_BOX_COLOR => '',
+            self::C_STR_FOOTNOTES_MOUSE_OVER_BOX_BACKGROUND => '#fff7a7',
+            self::C_INT_FOOTNOTES_MOUSE_OVER_BOX_BORDER_WIDTH => 1,
+            self::C_STR_FOOTNOTES_MOUSE_OVER_BOX_BORDER_COLOR => '#cccc99',
+            self::C_INT_FOOTNOTES_MOUSE_OVER_BOX_BORDER_RADIUS => 3,
+            self::C_INT_FOOTNOTES_MOUSE_OVER_BOX_MAX_WIDTH => 0,
 			self::C_STR_HYPERLINK_ARROW => '&#8593;',
 			self::C_STR_HYPERLINK_ARROW_USER_DEFINED => '',
 			self::C_STR_CUSTOM_CSS => ''
@@ -359,6 +419,18 @@ class MCI_Footnotes_Settings {
 		return $this->a_arr_Container[$p_int_Index];
 	}
 
+    /**
+     * Returns the default values of a specific Settings Container.
+     *
+     * @author Stefan Herndler
+     * @since 1.5.6
+     * @param int $p_int_Index Settings Container Aray Key Index.
+     * @return array
+     */
+    public function getDefaults($p_int_Index) {
+        return $this->a_arr_Default[$this->a_arr_Container[$p_int_Index]];
+    }
+
 	/**
 	 * Loads all Settings from each Settings container.
 	 *
diff --git a/class/task.php b/class/task.php
index 4177c39..c9ad80b 100644
--- a/class/task.php
+++ b/class/task.php
@@ -77,8 +77,39 @@ class MCI_Footnotes_Task {
 	 * @since 1.5.0
 	 */
 	public function wp_head() {
+        $l_str_Color = MCI_Footnotes_Settings::instance()->get(MCI_Footnotes_Settings::C_STR_FOOTNOTES_MOUSE_OVER_BOX_COLOR);
+        $l_str_Background = MCI_Footnotes_Settings::instance()->get(MCI_Footnotes_Settings::C_STR_FOOTNOTES_MOUSE_OVER_BOX_BACKGROUND);
+        $l_int_BorderWidth = MCI_Footnotes_Settings::instance()->get(MCI_Footnotes_Settings::C_INT_FOOTNOTES_MOUSE_OVER_BOX_BORDER_WIDTH);
+        $l_str_BorderColor = MCI_Footnotes_Settings::instance()->get(MCI_Footnotes_Settings::C_STR_FOOTNOTES_MOUSE_OVER_BOX_BORDER_COLOR);
+        $l_int_BorderRadius = MCI_Footnotes_Settings::instance()->get(MCI_Footnotes_Settings::C_INT_FOOTNOTES_MOUSE_OVER_BOX_BORDER_RADIUS);
+        $l_int_MaxWidth = MCI_Footnotes_Settings::instance()->get(MCI_Footnotes_Settings::C_INT_FOOTNOTES_MOUSE_OVER_BOX_MAX_WIDTH);
 		?>
-		<style type="text/css" media="screen"><?php echo MCI_Footnotes_Settings::instance()->get(MCI_Footnotes_Settings::C_STR_CUSTOM_CSS) ?></style>
+		<style type="text/css" media="screen">
+            <?php
+            echo MCI_Footnotes_Settings::instance()->get(MCI_Footnotes_Settings::C_STR_CUSTOM_CSS);
+            echo '.footnote_tooltip { display: none; padding: 12px; font-size: 13px; -moz-box-shadow: 2px 2px 11px #666; -webkit-box-shadow: 2px 2px 11px #666;';
+            if (!empty($l_str_Color)) {
+                echo ' color: ' . $l_str_Color . ';';
+            }
+            if (!empty($l_str_Background)) {
+                echo ' background-color: ' . $l_str_Background . ';';
+            }
+            if (!empty($l_int_BorderWidth) && intval($l_int_BorderWidth) > 0) {
+                echo ' border-width: ' . $l_int_BorderWidth . 'px;';
+                echo ' border-style: solid;';
+            }
+            if (!empty($l_str_BorderColor)) {
+                echo ' border-color: ' . $l_str_BorderColor . ';';
+            }
+            if (!empty($l_int_BorderRadius) && intval($l_int_BorderRadius) > 0) {
+                echo ' border-radius: ' . $l_int_BorderRadius . 'px;';
+            }
+            if (!empty($l_int_MaxWidth) && intval($l_int_MaxWidth) > 0) {
+                echo ' max-width: ' . $l_int_MaxWidth . 'px;';
+            }
+            echo '}';
+            ?>
+        </style>
 		<?php
 	}
 
@@ -188,12 +219,34 @@ class MCI_Footnotes_Task {
      *
      * @author Stefan Herndler
      * @since 1.5.4
-     * @param WP_Post $p_obj_Post
+     * @param array|WP_Post $p_mixed_Posts
      */
-    public function the_post(&$p_obj_Post) {
+    public function the_post(&$p_mixed_Posts) {
+        // single WP_Post object received
+        if (!is_array($p_mixed_Posts)) {
+            $p_mixed_Posts = $this->replacePostObject($p_mixed_Posts);
+            return;
+        }
+        // array of WP_Post objects received
+        for($l_int_Index = 0; $l_int_Index < count($p_mixed_Posts); $l_int_Index++) {
+            $p_mixed_Posts[$l_int_Index] = $this->replacePostObject($p_mixed_Posts[$l_int_Index]);
+        }
+    }
+
+    /**
+     * Replace all Footnotes in a WP_Post object.
+     *
+     * @author Stefan Herndler
+     * @since 1.5.6
+     * @param WP_Post $p_obj_Post
+     * @return WP_Post
+     */
+    private function replacePostObject($p_obj_Post) {
+        //MCI_Footnotes_Convert::debug($p_obj_Post);
         $p_obj_Post->post_content = $this->exec($p_obj_Post->post_content);
         $p_obj_Post->post_content_filtered = $this->exec($p_obj_Post->post_content_filtered);
         $p_obj_Post->post_excerpt = $this->exec($p_obj_Post->post_excerpt);
+        return $p_obj_Post;
     }
 
 	/**
@@ -410,9 +463,9 @@ class MCI_Footnotes_Task {
 		$l_obj_TemplateContainer->replace(
 			array(
 				"label" => MCI_Footnotes_Settings::instance()->get(MCI_Footnotes_Settings::C_STR_REFERENCE_CONTAINER_NAME),
-				"buttons" => MCI_Footnotes_Convert::toBool(MCI_Footnotes_Settings::instance()->get(MCI_Footnotes_Settings::C_BOOL_REFERENCE_CONTAINER_COLLAPSE)) ? '&nbsp;&nbsp;&nbsp;[ <a id="footnote_reference_container_collapse_button" style="cursor:pointer;" onclick="footnote_expand_collapse_reference_container();">+</a> ]' : '',
+				"button-style" => !MCI_Footnotes_Convert::toBool(MCI_Footnotes_Settings::instance()->get(MCI_Footnotes_Settings::C_BOOL_REFERENCE_CONTAINER_COLLAPSE)) ? 'display: none;' : '',
 				"id" => "footnote_references_container",
-				"class" =>  MCI_Footnotes_Convert::toBool(MCI_Footnotes_Settings::instance()->get(MCI_Footnotes_Settings::C_BOOL_REFERENCE_CONTAINER_COLLAPSE)) ? 'footnote_hide_box' : '',
+				"style" =>  MCI_Footnotes_Convert::toBool(MCI_Footnotes_Settings::instance()->get(MCI_Footnotes_Settings::C_BOOL_REFERENCE_CONTAINER_COLLAPSE)) ? 'display: none;' : '',
 				"content" => $l_str_Body
 			)
 		);
diff --git a/css/public.css b/css/public.css
index d644932..0f2bf5a 100755
--- a/css/public.css
+++ b/css/public.css
@@ -7,7 +7,7 @@
  * Since: 1.0
  */
 
-/* styling for the 'footnotes' tag */
+/* Footnotes */
 .footnote_tag_styling, .footnote_tag_styling:hover {
     text-decoration: none;
     font-weight: normal;
@@ -21,19 +21,16 @@
     color: #545f5a;
 }
 
-/* tooltip */
+/* superscript */
 .footnote_plugin_tooltip_text {
-	text-decoration: none !important;
-}
-
-.footnote_plugin_tooltip_text > sup {
 	vertical-align: top !important;
 	position: relative !important;
 	top: -0.1em !important;
+    cursor: pointer;
 }
 
-/* tooltip styling */
-.footnote_tooltip {
+/* tooltip */
+/*.footnote_tooltip {
 	display: none;
 	background-color: #fff7a7;
 	border: 1px solid #cccc99;
@@ -42,9 +39,9 @@
 	font-size: 13px;
 	-moz-box-shadow: 2px 2px 11px #666;
 	-webkit-box-shadow: 2px 2px 11px #666;
-}
+}*/
 
-/* container before the footnote appears at the bottom to get a space between footnote and content */
+/* reference container label */
 .footnote_container_prepare {
 	display: block !important;
 	padding-top: 24px !important;
@@ -74,35 +71,34 @@
 	font-size: 1.5em !important;
 }
 
-.footnote_container_prepare > p > span:last-child {
-}
-
-.footnote_hide_box {
-	display: none;
-}
-
+/* reference container */
 .footnote-reference-container {
 	width: 100%;
 	border: none;
 }
 
-.footnote-reference-container > tbody > tr > td {
+/* index */
+.footnote_plugin_index {
     vertical-align: top;
-}
-
-.footnote-reference-container > tbody > tr > td:first-child {
 	white-space: nowrap;
 	padding-right: 5px;
 	text-align: left;
+    border:none !important;
+    max-width:10% !important;
 }
 
-.footnote-reference-container > tbody > tr > td:nth-child(2) {
+/* arrow */
+.footnote_plugin_link {
+    vertical-align: top;
 	white-space: nowrap;
 	padding-right: 5px;
 	text-align: left;
+    cursor: pointer;
 }
 
-.footnote-reference-container > tbody > tr > td:last-child {
+/* text */
+.footnote_plugin_text {
+    vertical-align: top;
 	width: 99%;
 	text-align: left;
 }
\ No newline at end of file
diff --git a/features.txt b/features.txt
index 52fbeb1..ee311c4 100644
--- a/features.txt
+++ b/features.txt
@@ -1,7 +1,6 @@
 
+
 == Footnotes Features ==
-- Add setting to customize the mouse-over box
-- Display the mouse-over box to the left if near the right margin
 - Performance of the task so PHP won't throw an error when there are more than 120? Footnotes
   - Maybe increase PHP max execution time while processing the Footnotes task
 - different background for every odd table row
@@ -10,5 +9,18 @@
 There should be 2 pre-defined styles for the footnotes.Reference.Container and the ability to customize or add templates.
 the currently used one should be one of those templates and pre-defined styles offered but not the default setting.
 
+
 == Footnotes Bugs ==
-- Excerpt No doesn't work
\ No newline at end of file
+- Excerpt No doesn't work
+
+
+== edit mouse-over box (placeholders in .html file and replace before echo ==
+- background color (css)
+- border width (css)
+- border color (css)
+- border radius (css)
+- box shadow (css)
+- max width (css) (majhul)
+- font size (css)
+- position (js)
+- right to left (js?)
\ No newline at end of file
diff --git a/index.php b/index.php
index 5eb6625..96bb9c1 100755
--- a/index.php
+++ b/index.php
@@ -4,7 +4,7 @@
 	Plugin URI: http://wordpress.org/plugins/footnotes/
 	Description: time to bring footnotes to your website! footnotes are known from offline publishing and everybody takes them for granted when reading a magazine.
 	Author: ManFisher Medien ManuFaktur
-	Version: 1.5.5
+	Version: 1.5.6
 	Author URI: http://manfisher.net/plugins/footnotes/
 	Text Domain: footnotes
 	Domain Path: /languages
diff --git a/languages/de_DE.mo b/languages/de_DE.mo
index 4e9c37a..e11c4b3 100755
Binary files a/languages/de_DE.mo and b/languages/de_DE.mo differ
diff --git a/languages/de_DE.po b/languages/de_DE.po
index 2236655..60ea837 100755
--- a/languages/de_DE.po
+++ b/languages/de_DE.po
@@ -1,8 +1,8 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: footnotes\n"
-"POT-Creation-Date: 2014-10-09 08:31+0100\n"
-"PO-Revision-Date: 2014-10-09 08:43+0100\n"
+"POT-Creation-Date: 2014-10-11 14:25+0100\n"
+"PO-Revision-Date: 2014-10-11 14:25+0100\n"
 "Last-Translator: Stefan Herndler <support@herndler.org>\n"
 "Language-Team: SHE <s.herndler@methis.at>\n"
 "Language: de\n"
@@ -54,7 +54,7 @@ msgstr "Bewertung basierend auf"
 msgid "ratings"
 msgstr "Bewertungen"
 
-#: class/dashboard/layout.php:239
+#: class/dashboard/layout.php:243
 msgid "Settings saved"
 msgstr "Einstellungen gespeichert"
 
@@ -234,17 +234,17 @@ msgstr "endet mit"
 msgid "Counter style"
 msgstr "Fußnoten Zähler"
 
-#: class/dashboard/subpage-main.php:207 class/task.php:109
+#: class/dashboard/subpage-main.php:207 class/task.php:140
 #, php-format
 msgid "I %s %s"
 msgstr "Ich %s %s"
 
-#: class/dashboard/subpage-main.php:208 class/task.php:112
+#: class/dashboard/subpage-main.php:208 class/task.php:143
 #, php-format
 msgid "this site uses the awesome %s Plugin"
 msgstr "Diese Seite verwendet das Plugin %s"
 
-#: class/dashboard/subpage-main.php:209 class/task.php:116
+#: class/dashboard/subpage-main.php:209 class/task.php:147
 #, php-format
 msgid "extra smooth %s"
 msgstr "besonders feine %s"
@@ -292,86 +292,143 @@ msgstr "Symbole nach Fußnoten"
 msgid "Enable the mouse-over box"
 msgstr "Aktiviere das Tooltip Popup Fenster"
 
-#: class/dashboard/subpage-main.php:300
+#: class/dashboard/subpage-main.php:301
 msgid "Display only an excerpt"
 msgstr "Zeigt nur eine Zusammenfassung"
 
-#: class/dashboard/subpage-main.php:302
+#: class/dashboard/subpage-main.php:304
 msgid "Maximum characters for the excerpt"
 msgstr "Maximale Zeichenlänge der Zusammenfasung"
 
-#: class/dashboard/subpage-main.php:322
+#: class/dashboard/subpage-main.php:307
+msgid "Color"
+msgstr "Schriftfarbe"
+
+#: class/dashboard/subpage-main.php:309
+msgid "Empty color will use the default color defined by your current theme."
+msgstr ""
+"Lassen Sie die Farbe leer um die Standard Schriftfarbe Ihres Themes zu "
+"verwenden."
+
+#: class/dashboard/subpage-main.php:311
+msgid "Background color"
+msgstr "Hintergrundfarbe"
+
+#: class/dashboard/subpage-main.php:313
+msgid ""
+"Empty color will use the default background-color defined by your current "
+"theme."
+msgstr ""
+"Lassen Sie die Farbe leer um die Standard Hintergrundfabe Ihres Themes zu "
+"verwenden."
+
+#: class/dashboard/subpage-main.php:315
+msgid "Border width (px)"
+msgstr "Rand Breite (px)"
+
+#: class/dashboard/subpage-main.php:317
+msgid "Set the width to 0px to hide the border."
+msgstr "Setzen Sie die Breite auf 0px um einen Rand zu verbergen."
+
+#: class/dashboard/subpage-main.php:319
+msgid "Border color"
+msgstr "Rand Farbe"
+
+#: class/dashboard/subpage-main.php:321
+msgid ""
+"Empty color will use the default border-color defined by your current theme."
+msgstr ""
+"Lassen Sie die Farbe leer um die Standardfarbe Ihres Themes für den Rand zu "
+"verwenden."
+
+#: class/dashboard/subpage-main.php:323
+msgid "Border radius (px)"
+msgstr "Rand Radius (px)"
+
+#: class/dashboard/subpage-main.php:325
+msgid "Set the radius to 0px to avoid a radius."
+msgstr "Setzen Sie den Radius auf 0px um einen Radius zu verhindern."
+
+#: class/dashboard/subpage-main.php:327
+msgid "Max. width (px)"
+msgstr "Max. Breite (px)"
+
+#: class/dashboard/subpage-main.php:329
+msgid "Set the max-width to 0px to disable this setting."
+msgstr "Setzen Sie die max. Breite auf 0px um keine max. Breite zu verwenden."
+
+#: class/dashboard/subpage-main.php:348
 msgid "Hyperlink symbol"
 msgstr "Symbol für den Hyperlink"
 
-#: class/dashboard/subpage-main.php:325
+#: class/dashboard/subpage-main.php:351
 msgid "or enter a user defined symbol"
 msgstr "oder definieren Sie ein eigenes Symbol"
 
-#: class/dashboard/subpage-main.php:327
+#: class/dashboard/subpage-main.php:353
 msgid "if set it overrides the hyperlink symbol above"
 msgstr "wenn gesetzt, wird das oben definierte Symbol überschrieben"
 
-#: class/dashboard/subpage-main.php:346
+#: class/dashboard/subpage-main.php:372
 msgid "Add custom CSS"
 msgstr "Benutzerdefinierter CSS Code"
 
-#: class/dashboard/subpage-main.php:349
+#: class/dashboard/subpage-main.php:375
 msgid ""
 "Available CSS classes to customize the footnotes and the reference container"
 msgstr ""
 "Verfügbare CSS Klassen um die Fußnoten und den Einzelnachweis zu "
 "personalisieren"
 
-#: class/dashboard/subpage-main.php:352
-msgid "inline footnotes"
-msgstr "Fußnoten Index im veröffneltichten Text"
+#: class/dashboard/subpage-main.php:378
+msgid "superscript, Footnotes index"
+msgstr "Fußnote Index im Text"
 
-#: class/dashboard/subpage-main.php:355
-msgid "inline footnotes, mouse over highlight box"
-msgstr "Popup der Fußnote im veröffentlichten Text"
+#: class/dashboard/subpage-main.php:381
+msgid "mouse-over box, tooltip for each superscript"
+msgstr "Tooltip Box für jede Fußnote"
 
-#: class/dashboard/subpage-main.php:358
-msgid "reference container footnotes index"
-msgstr "Einzelnachweis - Fußnote Index"
+#: class/dashboard/subpage-main.php:384
+msgid "1st column of the Reference Container, Footnotes index"
+msgstr "erste Spalte des Einzelnachweis, Fußnote Index"
 
-#: class/dashboard/subpage-main.php:361
-msgid "reference container footnotes linked arrow"
-msgstr "Einzelnachweiß - Symbol für den Link"
+#: class/dashboard/subpage-main.php:387
+msgid "2nd column of the Reference Container, Arrow / Hyperlink"
+msgstr "zweite Spalte des Einzelnachweis, Pfeil / Link"
 
-#: class/dashboard/subpage-main.php:364
-msgid "reference container footnotes text"
-msgstr "Einzelnachweis - Fußnote"
+#: class/dashboard/subpage-main.php:390
+msgid "3rd column of the Reference Container, Footnote text"
+msgstr "dritte Spalte des Einzelnachweis Fußnote Text"
 
-#: class/dashboard/subpage-main.php:383
+#: class/dashboard/subpage-main.php:409
 msgid "WordPress hook function name"
 msgstr "WordPress hook Name"
 
-#: class/dashboard/subpage-main.php:384
+#: class/dashboard/subpage-main.php:410
 msgid "Activate"
 msgstr "Aktivieren"
 
-#: class/dashboard/subpage-main.php:385
+#: class/dashboard/subpage-main.php:411
 msgid "WordPress documentation"
 msgstr "WordPress Dokumentation"
 
-#: class/dashboard/subpage-main.php:433
+#: class/dashboard/subpage-main.php:459
 msgid "example string"
 msgstr "Beispieltext"
 
-#: class/dashboard/subpage-main.php:440
+#: class/dashboard/subpage-main.php:466
 msgid "Start your footnote with the following short code:"
 msgstr "Starten Sie eine Fußnote mit dem folgenden Shortcode:"
 
-#: class/dashboard/subpage-main.php:443
+#: class/dashboard/subpage-main.php:469
 msgid "...and end your footnote with this short code:"
 msgstr "...und beenden Sie diesen mit:"
 
-#: class/dashboard/subpage-main.php:447
+#: class/dashboard/subpage-main.php:473
 msgid "will be displayed as:"
 msgstr "wird dargestellt als:"
 
-#: class/dashboard/subpage-main.php:450
+#: class/dashboard/subpage-main.php:476
 #, php-format
 msgid ""
 "For further information please check out our %ssupport forum%s on WordPress."
@@ -380,7 +437,7 @@ msgstr ""
 "Für mehr Informationen besuchen Sie unser %sSupport Forum%s auf WordPress."
 "org."
 
-#: class/dashboard/subpage-main.php:469
+#: class/dashboard/subpage-main.php:495
 msgid "Donate now"
 msgstr "Jetzt spenden"
 
@@ -400,7 +457,7 @@ msgstr "Support"
 msgid "Donate"
 msgstr "Spenden"
 
-#: class/task.php:303
+#: class/task.php:356
 #, php-format
 msgid "%scontinue%s"
 msgstr "%sweiter lesen%s"
@@ -414,6 +471,15 @@ msgstr ""
 "Das Widget definiert die Position der Einzelnachweise wenn \"im Widget\" "
 "eingestellt ist."
 
+#~ msgid "inline footnotes"
+#~ msgstr "Fußnoten Index im veröffneltichten Text"
+
+#~ msgid "inline footnotes, mouse over highlight box"
+#~ msgstr "Popup der Fußnote im veröffentlichten Text"
+
+#~ msgid "reference container footnotes linked arrow"
+#~ msgstr "Einzelnachweiß - Symbol für den Link"
+
 #~ msgid "General"
 #~ msgstr "Allgemein"
 
diff --git a/languages/en_GB.mo b/languages/en_GB.mo
index 60914d8..95e7686 100755
Binary files a/languages/en_GB.mo and b/languages/en_GB.mo differ
diff --git a/languages/en_GB.po b/languages/en_GB.po
index a25e0ea..a1fba7e 100755
--- a/languages/en_GB.po
+++ b/languages/en_GB.po
@@ -1,8 +1,8 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: footnotes\n"
-"POT-Creation-Date: 2014-10-09 08:31+0100\n"
-"PO-Revision-Date: 2014-10-09 08:31+0100\n"
+"POT-Creation-Date: 2014-10-11 14:21+0100\n"
+"PO-Revision-Date: 2014-10-11 14:21+0100\n"
 "Last-Translator: Stefan Herndler <support@herndler.org>\n"
 "Language-Team: SHE <s.herndler@methis.at>\n"
 "Language: en\n"
@@ -54,7 +54,7 @@ msgstr "rating based on"
 msgid "ratings"
 msgstr "ratings"
 
-#: class/dashboard/layout.php:239
+#: class/dashboard/layout.php:243
 msgid "Settings saved"
 msgstr "Settings saved"
 
@@ -234,17 +234,17 @@ msgstr "and ends with"
 msgid "Counter style"
 msgstr "Counter style"
 
-#: class/dashboard/subpage-main.php:207 class/task.php:109
+#: class/dashboard/subpage-main.php:207 class/task.php:140
 #, php-format
 msgid "I %s %s"
 msgstr "I %s %s"
 
-#: class/dashboard/subpage-main.php:208 class/task.php:112
+#: class/dashboard/subpage-main.php:208 class/task.php:143
 #, php-format
 msgid "this site uses the awesome %s Plugin"
 msgstr "this site uses the awesome %s Plugin"
 
-#: class/dashboard/subpage-main.php:209 class/task.php:116
+#: class/dashboard/subpage-main.php:209 class/task.php:147
 #, php-format
 msgid "extra smooth %s"
 msgstr "extra smooth %s"
@@ -292,85 +292,139 @@ msgstr "After Footnotes index"
 msgid "Enable the mouse-over box"
 msgstr "Enable the mouse-over box"
 
-#: class/dashboard/subpage-main.php:300
+#: class/dashboard/subpage-main.php:301
 msgid "Display only an excerpt"
 msgstr "Display only an excerpt"
 
-#: class/dashboard/subpage-main.php:302
+#: class/dashboard/subpage-main.php:304
 msgid "Maximum characters for the excerpt"
 msgstr "Maximum characters for the excerpt"
 
-#: class/dashboard/subpage-main.php:322
+#: class/dashboard/subpage-main.php:307
+msgid "Color"
+msgstr "Color"
+
+#: class/dashboard/subpage-main.php:309
+msgid "Empty color will use the default color defined by your current theme."
+msgstr "Empty color will use the default color defined by your current theme."
+
+#: class/dashboard/subpage-main.php:311
+msgid "Background color"
+msgstr "Background color"
+
+#: class/dashboard/subpage-main.php:313
+msgid ""
+"Empty color will use the default background-color defined by your current "
+"theme."
+msgstr ""
+"Empty color will use the default background-color defined by your current "
+"theme."
+
+#: class/dashboard/subpage-main.php:315
+msgid "Border width (px)"
+msgstr "Border width (px)"
+
+#: class/dashboard/subpage-main.php:317
+msgid "Set the width to 0px to hide the border."
+msgstr "Set the width to 0px to hide the border."
+
+#: class/dashboard/subpage-main.php:319
+msgid "Border color"
+msgstr "Border color"
+
+#: class/dashboard/subpage-main.php:321
+msgid ""
+"Empty color will use the default border-color defined by your current theme."
+msgstr ""
+"Empty color will use the default border-color defined by your current theme."
+
+#: class/dashboard/subpage-main.php:323
+msgid "Border radius (px)"
+msgstr "Border radius (px)"
+
+#: class/dashboard/subpage-main.php:325
+msgid "Set the radius to 0px to avoid a radius."
+msgstr "Set the radius to 0px to avoid a radius."
+
+#: class/dashboard/subpage-main.php:327
+msgid "Max. width (px)"
+msgstr "Max. width (px)"
+
+#: class/dashboard/subpage-main.php:329
+msgid "Set the max-width to 0px to disable this setting."
+msgstr "Set the max-width to 0px to disable this setting."
+
+#: class/dashboard/subpage-main.php:348
 msgid "Hyperlink symbol"
 msgstr "Hyperlink symbol"
 
-#: class/dashboard/subpage-main.php:325
+#: class/dashboard/subpage-main.php:351
 msgid "or enter a user defined symbol"
 msgstr "or enter a user defined symbol"
 
-#: class/dashboard/subpage-main.php:327
+#: class/dashboard/subpage-main.php:353
 msgid "if set it overrides the hyperlink symbol above"
 msgstr "if set it overrides the hyperlink symbol above"
 
-#: class/dashboard/subpage-main.php:346
+#: class/dashboard/subpage-main.php:372
 msgid "Add custom CSS"
 msgstr "Add custom CSS"
 
-#: class/dashboard/subpage-main.php:349
+#: class/dashboard/subpage-main.php:375
 msgid ""
 "Available CSS classes to customize the footnotes and the reference container"
 msgstr ""
 "Available CSS classes to customize the footnotes and the reference container"
 
-#: class/dashboard/subpage-main.php:352
-msgid "inline footnotes"
-msgstr "inline footnotes"
+#: class/dashboard/subpage-main.php:378
+msgid "superscript, Footnotes index"
+msgstr "superscript, Footnotes index"
 
-#: class/dashboard/subpage-main.php:355
-msgid "inline footnotes, mouse over highlight box"
-msgstr "inline footnotes, mouse over highlight box"
+#: class/dashboard/subpage-main.php:381
+msgid "mouse-over box, tooltip for each superscript"
+msgstr "mouse-over box, tooltip for each superscript"
 
-#: class/dashboard/subpage-main.php:358
-msgid "reference container footnotes index"
-msgstr "reference container footnotes index"
+#: class/dashboard/subpage-main.php:384
+msgid "1st column of the Reference Container, Footnotes index"
+msgstr "1st column of the Reference Container, Footnotes index"
 
-#: class/dashboard/subpage-main.php:361
-msgid "reference container footnotes linked arrow"
-msgstr "reference container footnotes linked arrow"
+#: class/dashboard/subpage-main.php:387
+msgid "2nd column of the Reference Container, Arrow / Hyperlink"
+msgstr "2nd column of the Reference Container, Arrow / Hyperlink"
 
-#: class/dashboard/subpage-main.php:364
-msgid "reference container footnotes text"
-msgstr "reference container footnotes text"
+#: class/dashboard/subpage-main.php:390
+msgid "3rd column of the Reference Container, Footnote text"
+msgstr "3rd column of the Reference Container, Footnote text"
 
-#: class/dashboard/subpage-main.php:383
+#: class/dashboard/subpage-main.php:409
 msgid "WordPress hook function name"
 msgstr "WordPress hook function name"
 
-#: class/dashboard/subpage-main.php:384
+#: class/dashboard/subpage-main.php:410
 msgid "Activate"
 msgstr "Activate"
 
-#: class/dashboard/subpage-main.php:385
+#: class/dashboard/subpage-main.php:411
 msgid "WordPress documentation"
 msgstr "WordPress documentation"
 
-#: class/dashboard/subpage-main.php:433
+#: class/dashboard/subpage-main.php:459
 msgid "example string"
 msgstr "example string"
 
-#: class/dashboard/subpage-main.php:440
+#: class/dashboard/subpage-main.php:466
 msgid "Start your footnote with the following short code:"
 msgstr "Start your footnote with the following short code:"
 
-#: class/dashboard/subpage-main.php:443
+#: class/dashboard/subpage-main.php:469
 msgid "...and end your footnote with this short code:"
 msgstr "...and end your footnote with this short code:"
 
-#: class/dashboard/subpage-main.php:447
+#: class/dashboard/subpage-main.php:473
 msgid "will be displayed as:"
 msgstr "will be displayed as:"
 
-#: class/dashboard/subpage-main.php:450
+#: class/dashboard/subpage-main.php:476
 #, php-format
 msgid ""
 "For further information please check out our %ssupport forum%s on WordPress."
@@ -379,7 +433,7 @@ msgstr ""
 "For further information please check out our %ssupport forum%s on WordPress."
 "org."
 
-#: class/dashboard/subpage-main.php:469
+#: class/dashboard/subpage-main.php:495
 msgid "Donate now"
 msgstr "Donate now"
 
@@ -399,7 +453,7 @@ msgstr "Support"
 msgid "Donate"
 msgstr "Donate"
 
-#: class/task.php:303
+#: class/task.php:356
 #, php-format
 msgid "%scontinue%s"
 msgstr "%scontinue%s"
@@ -413,6 +467,15 @@ msgstr ""
 "The widget defines the position of the reference container if set to "
 "\"widget area\"."
 
+#~ msgid "inline footnotes"
+#~ msgstr "inline footnotes"
+
+#~ msgid "inline footnotes, mouse over highlight box"
+#~ msgstr "inline footnotes, mouse over highlight box"
+
+#~ msgid "reference container footnotes linked arrow"
+#~ msgstr "reference container footnotes linked arrow"
+
 #~ msgid "General"
 #~ msgstr "General"
 
diff --git a/languages/footnotes.mo b/languages/footnotes.mo
new file mode 100644
index 0000000..8375d34
Binary files /dev/null and b/languages/footnotes.mo differ
diff --git a/languages/footnotes.pot b/languages/footnotes.pot
index acb4cac..fbdd572 100644
--- a/languages/footnotes.pot
+++ b/languages/footnotes.pot
@@ -2,15 +2,22 @@
 # This file is distributed under the same license as the  package.
 msgid ""
 msgstr ""
-"Project-Id-Version:  \n"
+"Project-Id-Version: footnotes\n"
 "Report-Msgid-Bugs-To: http://wordpress.org/tag/footnotes\n"
-"POT-Creation-Date: 2014-10-09 06:55:47+00:00\n"
+"POT-Creation-Date: 2014-10-11 14:21+0100\n"
+"PO-Revision-Date: 2014-10-11 14:21+0100\n"
+"Last-Translator: Stefan Herndler <support@herndler.org>\n"
+"Language-Team: enter your name <enter@your.email>\n"
+"Language: en_GB\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
 "Content-Transfer-Encoding: 8bit\n"
-"PO-Revision-Date: 2014-MO-DA HO:MI+ZONE\n"
-"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
-"Language-Team: LANGUAGE <LL@li.org>\n"
+"Plural-Forms: nplurals=2; plural=(n != 1);\n"
+"X-Generator: Poedit 1.6.9\n"
+"X-Poedit-SourceCharset: UTF-8\n"
+"X-Poedit-KeywordsList: __\n"
+"X-Poedit-Basepath: ..\n"
+"X-Poedit-SearchPath-0: .\n"
 
 #: class/dashboard/init.php:151
 msgid "Take a look on other Plugins we have developed."
@@ -48,7 +55,7 @@ msgstr ""
 msgid "ratings"
 msgstr ""
 
-#: class/dashboard/layout.php:239
+#: class/dashboard/layout.php:243
 msgid "Settings saved"
 msgstr ""
 
@@ -118,6 +125,7 @@ msgid "References Container"
 msgstr ""
 
 #: class/dashboard/subpage-main.php:79
+#, php-format
 msgid "%s styling"
 msgstr ""
 
@@ -227,15 +235,18 @@ msgstr ""
 msgid "Counter style"
 msgstr ""
 
-#: class/dashboard/subpage-main.php:207 class/task.php:109
+#: class/dashboard/subpage-main.php:207 class/task.php:140
+#, php-format
 msgid "I %s %s"
 msgstr ""
 
-#: class/dashboard/subpage-main.php:208 class/task.php:112
+#: class/dashboard/subpage-main.php:208 class/task.php:143
+#, php-format
 msgid "this site uses the awesome %s Plugin"
 msgstr ""
 
-#: class/dashboard/subpage-main.php:209 class/task.php:116
+#: class/dashboard/subpage-main.php:209 class/task.php:147
+#, php-format
 msgid "extra smooth %s"
 msgstr ""
 
@@ -244,14 +255,17 @@ msgid "random text"
 msgstr ""
 
 #: class/dashboard/subpage-main.php:211
+#, php-format
 msgid "Don't display a %s %s text in my footer."
 msgstr ""
 
 #: class/dashboard/subpage-main.php:219
+#, php-format
 msgid "Tell the world you're using %s"
 msgstr ""
 
 #: class/dashboard/subpage-main.php:222
+#, php-format
 msgid ""
 "Don't tell the world you're using %s on specific pages by adding the "
 "following short code:"
@@ -277,90 +291,142 @@ msgstr ""
 msgid "Enable the mouse-over box"
 msgstr ""
 
-#: class/dashboard/subpage-main.php:300
+#: class/dashboard/subpage-main.php:301
 msgid "Display only an excerpt"
 msgstr ""
 
-#: class/dashboard/subpage-main.php:302
+#: class/dashboard/subpage-main.php:304
 msgid "Maximum characters for the excerpt"
 msgstr ""
 
-#: class/dashboard/subpage-main.php:322
-msgid "Hyperlink symbol"
+#: class/dashboard/subpage-main.php:307
+msgid "Color"
+msgstr ""
+
+#: class/dashboard/subpage-main.php:309
+msgid "Empty color will use the default color defined by your current theme."
+msgstr ""
+
+#: class/dashboard/subpage-main.php:311
+msgid "Background color"
+msgstr ""
+
+#: class/dashboard/subpage-main.php:313
+msgid ""
+"Empty color will use the default background-color defined by your current "
+"theme."
+msgstr ""
+
+#: class/dashboard/subpage-main.php:315
+msgid "Border width (px)"
+msgstr ""
+
+#: class/dashboard/subpage-main.php:317
+msgid "Set the width to 0px to hide the border."
+msgstr ""
+
+#: class/dashboard/subpage-main.php:319
+msgid "Border color"
+msgstr ""
+
+#: class/dashboard/subpage-main.php:321
+msgid ""
+"Empty color will use the default border-color defined by your current theme."
+msgstr ""
+
+#: class/dashboard/subpage-main.php:323
+msgid "Border radius (px)"
 msgstr ""
 
 #: class/dashboard/subpage-main.php:325
-msgid "or enter a user defined symbol"
+msgid "Set the radius to 0px to avoid a radius."
 msgstr ""
 
 #: class/dashboard/subpage-main.php:327
+msgid "Max. width (px)"
+msgstr ""
+
+#: class/dashboard/subpage-main.php:329
+msgid "Set the max-width to 0px to disable this setting."
+msgstr ""
+
+#: class/dashboard/subpage-main.php:348
+msgid "Hyperlink symbol"
+msgstr ""
+
+#: class/dashboard/subpage-main.php:351
+msgid "or enter a user defined symbol"
+msgstr ""
+
+#: class/dashboard/subpage-main.php:353
 msgid "if set it overrides the hyperlink symbol above"
 msgstr ""
 
-#: class/dashboard/subpage-main.php:346
+#: class/dashboard/subpage-main.php:372
 msgid "Add custom CSS"
 msgstr ""
 
-#: class/dashboard/subpage-main.php:349
+#: class/dashboard/subpage-main.php:375
 msgid ""
 "Available CSS classes to customize the footnotes and the reference container"
 msgstr ""
 
-#: class/dashboard/subpage-main.php:352
-msgid "inline footnotes"
+#: class/dashboard/subpage-main.php:378
+msgid "superscript, Footnotes index"
 msgstr ""
 
-#: class/dashboard/subpage-main.php:355
-msgid "inline footnotes, mouse over highlight box"
-msgstr ""
-
-#: class/dashboard/subpage-main.php:358
-msgid "reference container footnotes index"
-msgstr ""
-
-#: class/dashboard/subpage-main.php:361
-msgid "reference container footnotes linked arrow"
-msgstr ""
-
-#: class/dashboard/subpage-main.php:364
-msgid "reference container footnotes text"
-msgstr ""
-
-#: class/dashboard/subpage-main.php:383
-msgid "WordPress hook function name"
+#: class/dashboard/subpage-main.php:381
+msgid "mouse-over box, tooltip for each superscript"
 msgstr ""
 
 #: class/dashboard/subpage-main.php:384
+msgid "1st column of the Reference Container, Footnotes index"
+msgstr ""
+
+#: class/dashboard/subpage-main.php:387
+msgid "2nd column of the Reference Container, Arrow / Hyperlink"
+msgstr ""
+
+#: class/dashboard/subpage-main.php:390
+msgid "3rd column of the Reference Container, Footnote text"
+msgstr ""
+
+#: class/dashboard/subpage-main.php:409
+msgid "WordPress hook function name"
+msgstr ""
+
+#: class/dashboard/subpage-main.php:410
 msgid "Activate"
 msgstr ""
 
-#: class/dashboard/subpage-main.php:385
+#: class/dashboard/subpage-main.php:411
 msgid "WordPress documentation"
 msgstr ""
 
-#: class/dashboard/subpage-main.php:433
+#: class/dashboard/subpage-main.php:459
 msgid "example string"
 msgstr ""
 
-#: class/dashboard/subpage-main.php:440
+#: class/dashboard/subpage-main.php:466
 msgid "Start your footnote with the following short code:"
 msgstr ""
 
-#: class/dashboard/subpage-main.php:443
+#: class/dashboard/subpage-main.php:469
 msgid "...and end your footnote with this short code:"
 msgstr ""
 
-#: class/dashboard/subpage-main.php:447
+#: class/dashboard/subpage-main.php:473
 msgid "will be displayed as:"
 msgstr ""
 
-#: class/dashboard/subpage-main.php:450
+#: class/dashboard/subpage-main.php:476
+#, php-format
 msgid ""
 "For further information please check out our %ssupport forum%s on WordPress."
 "org."
 msgstr ""
 
-#: class/dashboard/subpage-main.php:469
+#: class/dashboard/subpage-main.php:495
 msgid "Donate now"
 msgstr ""
 
@@ -380,7 +446,8 @@ msgstr ""
 msgid "Donate"
 msgstr ""
 
-#: class/task.php:303
+#: class/task.php:356
+#, php-format
 msgid "%scontinue%s"
 msgstr ""
 
diff --git a/readme.txt b/readme.txt
index b323250..cabc0ae 100755
--- a/readme.txt
+++ b/readme.txt
@@ -6,7 +6,7 @@ Donate link: https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_i
 Tested up to: 4.0
 License: GPLv3 or later
 License URI: http://www.gnu.org/licenses/gpl-3.0.html
-Stable Tag: 1.5.5
+Stable Tag: 1.5.6
 
 == Description ==
 
@@ -85,9 +85,16 @@ Visit this swift write-up from a **footnotes** user by the name of **Southwest**
 == Changelog ==
 
 = 1.5.6 =
-- Add: .pot file to enable Translations to everybody
+- **IMPORTANT**: We have changed the html tag for the superscript. Please check and update your custom CSS.
+- Add: .pot file to enable Translations for everybody
+- Add: Settings to customize the mouse-over box (color, background color, border, max. width)
 - Update: Translation file names
 - Update: Translation EN and DE
+- Update: Styling of the superscript (need to check custom CSS code for the superscript)
+- Update: Description of CSS classes for the 'customize CSS' text area
+- Bugfix: Removed 'a' tag around the superscript for Footnotes inside the content to avoid page reloads (empty href attribute)
+- Bugfix: Avoid Settings fallback to its default value after submit an empty value for a setting
+- Bugfix: Enable multiple WP_Post objects for the_post hook
 
 = 1.5.5 =
 - Add: Expert mode setting
diff --git a/templates/dashboard/customize-css.html b/templates/dashboard/customize-css.html
index 72a005f..c276458 100644
--- a/templates/dashboard/customize-css.html
+++ b/templates/dashboard/customize-css.html
@@ -8,24 +8,24 @@
 		<td colspan="2">[[headline]]</td>
 	</tr>
 	<tr>
-		<td>[[label-class-1]]</td>
-		<td>[[class-1]]</td>
+        <td>&nbsp;</td>
+		<td><strong>[[label-class-1]]</strong><br/><em>[[class-1]]</em></td>
 	</tr>
 	<tr>
-		<td>[[label-class-2]]</td>
-		<td>[[class-2]]</td>
+        <td>&nbsp;</td>
+		<td><strong>[[label-class-2]]</strong><br/><em>[[class-2]]</em></td>
 	</tr>
 	<tr>
-		<td>[[label-class-3]]</td>
-		<td>[[class-3]]</td>
+        <td>&nbsp;</td>
+		<td><strong>[[label-class-3]]</strong><br/><em>[[class-3]]</em></td>
 	</tr>
 	<tr>
-		<td>[[label-class-4]]</td>
-		<td>[[class-4]]</td>
+        <td>&nbsp;</td>
+		<td><strong>[[label-class-4]]</strong><br/><em>[[class-4]]</em></td>
 	</tr>
 	<tr>
-		<td>[[label-class-5]]</td>
-		<td>[[class-1]]</td>
+        <td>&nbsp;</td>
+		<td><strong>[[label-class-5]]</strong><br/><em>[[class-5]]</em></td>
 	</tr>
 	</tbody>
 </table>
\ No newline at end of file
diff --git a/templates/dashboard/customize-mouse-over-box.html b/templates/dashboard/customize-mouse-over-box.html
index 2c42933..d7757e2 100644
--- a/templates/dashboard/customize-mouse-over-box.html
+++ b/templates/dashboard/customize-mouse-over-box.html
@@ -11,6 +11,30 @@
     <tr>
         <td>[[label-excerpt-length]]</td>
         <td>[[excerpt-length]]</td>
+    </tr>
+    <tr>
+        <td>[[label-color]]</td>
+        <td>[[color]] <em>[[notice-color]]</em></td>
+    </tr>
+    <tr>
+        <td>[[label-background]]</td>
+        <td>[[background]] <em>[[notice-background]]</em></td>
+    </tr>
+    <tr>
+        <td>[[label-border-width]]</td>
+        <td>[[border-width]] <em>[[notice-border-width]]</em></td>
+    </tr>
+    <tr>
+        <td>[[label-border-color]]</td>
+        <td>[[border-color]] <em>[[notice-border-color]]</em></td>
+    </tr>
+    <tr>
+        <td>[[label-border-radius]]</td>
+        <td>[[border-radius]] <em>[[notice-border-radius]]</em></td>
+    </tr>
+    <tr>
+        <td>[[label-max-width]]</td>
+        <td>[[max-width]] <em>[[notice-max-width]]</em></td>
     </tr>
 	</tbody>
 </table>
\ No newline at end of file
diff --git a/templates/public/footnote.html b/templates/public/footnote.html
index ad10919..808c1c0 100755
--- a/templates/public/footnote.html
+++ b/templates/public/footnote.html
@@ -1,2 +1,2 @@
-<a href="" name="footnote_plugin_tooltip_[[index]]" id="footnote_plugin_tooltip_[[index]]" class="footnote_plugin_tooltip_text" onclick="footnote_moveToAnchor('footnote_plugin_reference_[[index]]');"><sup>[[before]][[index]][[after]]</sup></a>
+<sup id="footnote_plugin_tooltip_[[index]]" class="footnote_plugin_tooltip_text" onclick="footnote_moveToAnchor('footnote_plugin_reference_[[index]]');">[[before]][[index]][[after]]</sup>
 <span class="footnote_tooltip" id="footnote_plugin_tooltip_text_[[index]]">[[text]]</span>
\ No newline at end of file
diff --git a/templates/public/reference-container-body.html b/templates/public/reference-container-body.html
index 62b8c84..4ffb59a 100755
--- a/templates/public/reference-container-body.html
+++ b/templates/public/reference-container-body.html
@@ -1,8 +1,5 @@
 <tr>
-	<td style="border:none !important; max-width:10% !important;">[[index]].</td>
-	<td><a class="footnote_plugin_link" href=""
-		   name="footnote_plugin_reference_[[index-int]]"
-		   id="footnote_plugin_reference_[[index-int]]"
-            onclick="footnote_moveToAnchor('footnote_plugin_tooltip_[[index-int]]');">[[arrow]]</a></td>
-	<td>[[text]]</td>
+	<td class="footnote_plugin_index">[[index]].</td>
+	<td class="footnote_plugin_link"><span id="footnote_plugin_reference_[[index-int]]" onclick="footnote_moveToAnchor('footnote_plugin_tooltip_[[index-int]]');">[[arrow]]</span></td>
+	<td class="footnote_plugin_text">[[text]]</td>
 </tr>
\ No newline at end of file
diff --git a/templates/public/reference-container.html b/templates/public/reference-container.html
index bd3527f..4838d7e 100644
--- a/templates/public/reference-container.html
+++ b/templates/public/reference-container.html
@@ -1,7 +1,7 @@
 <div class="footnote_container_prepare">
-	<p><span onclick="footnote_expand_reference_container();">[[label]]</span><span>[[buttons]]</span></p>
+	<p><span onclick="footnote_expand_reference_container();">[[label]]</span><span style="[[button-style]]">&nbsp;&nbsp;&nbsp;[ <a id="footnote_reference_container_collapse_button" style="cursor:pointer;" onclick="footnote_expand_collapse_reference_container();">+</a> ]</span></p>
 </div>
-<div id="[[id]]" class="[[class]]">
+<div id="[[id]]" style="[[style]]">
 	<table class="footnote-reference-container">
 		<tbody>
 		[[content]]
@@ -12,15 +12,17 @@
 <script type="text/javascript">
 	function footnote_expand_reference_container() {
 		jQuery("#[[id]]").show();
+        jQuery("#footnote_reference_container_collapse_button").text("-");
 	}
+    function footnote_collapse_reference_container() {
+        jQuery("#[[id]]").hide();
+        jQuery("#footnote_reference_container_collapse_button").text("+");
+    }
 	function footnote_expand_collapse_reference_container() {
-		var l_obj_ReferenceContainer = jQuery("#[[id]]");
-		if (l_obj_ReferenceContainer.is(":hidden")) {
-			l_obj_ReferenceContainer.show();
-			jQuery("#footnote_reference_container_collapse_button").text("-");
+		if (jQuery("#[[id]]").is(":hidden")) {
+            footnote_expand_reference_container();
 		} else {
-			l_obj_ReferenceContainer.hide();
-			jQuery("#footnote_reference_container_collapse_button").text("+");
+            footnote_collapse_reference_container();
 		}
 	}