- Testweise 4

git-svn-id: https://[internal]/wordpress/plugins/wpsg4@5261 0d5edaf7-2b12-4e95-93f4-047927463d4b

4 files changed, 1384 insertions, 0 deletions

diff --git a/views/css/admin.css b/views/css/admin.css
new file mode 100644
index 0000000..1049541
--- /dev/null
+++ b/views/css/admin.css
@@ -0,0 +1,681 @@
+/*

+ * Diese Datei wird immer im Backend geladen. Hier sollten die Admin CSS Einstellungen rein, die nichts mit den Themes zu tun haben

+ */

+

+/*

+ * Allgemein

+ */

+.msg_wrap img { margin-bottom:1rem; margin-top:1rem; max-width:100%; height:auto; } 

+.wpsg_error { color:#FF0000; font-weight:bold; }

+.wpsg_developer { color:#FF0000; }

+.wpsg_change_error { background-color:#EE3B3B !important; }

+.wpsg_erfolg { color:green; }

+.wpsg_hinweis { font-style:italic; }

+.wpsg_table .odd td { background-color:#DEDEDE; }

+.wpsg_table .even td { }

+.wpsg_message img { float:right; }

+#wikipage h1 { line-height:100%; font-size:13px; }

+.wpsg_placeholder { border-style: dashed; border-width: 1px; height: 26px; margin: 0 auto 20px; }

+#icon-wpsg-Admin { background-image:url("../../../../../wp-admin/images/icons32.png"); background-position: -370px -5px; }

+/*.tablenav-pages-wrap { width:300px !important; }*/

+.tooltip { text-decoration:none; color:inherit; cursor:inherit; }

+.tooltip:hover { color:inherit; }

+.sortable_handler { cursor:move; }

+

+/*

+ * Datepicker

+ */

+.ui-datepicker { width: 17em; padding:0; display: none; border:1px solid #444444; background-color:#F1F1F1; }

+.ui-datepicker-header { color:#FFFFFF; background-color:#444444; }

+.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }

+.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }

+.ui-datepicker .ui-icon { width: 16px; height: 16px; background-image: url('../../lib/ui/smoothness/images/ui-icons_888888_256x240.png'); }

+.ui-datepicker .ui-icon-circle-triangle-w { background-position: -80px -192px; }

+.ui-datepicker .ui-icon-circle-triangle-e { background-position: -48px -192px; }

+.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }

+.ui-datepicker .ui-datepicker-prev { left:2px; }

+.ui-datepicker .ui-datepicker-next { right:2px; }

+.ui-datepicker .ui-datepicker-prev-hover { left:1px; }

+.ui-datepicker .ui-datepicker-next-hover { right:1px; }

+.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }

+.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }

+.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }

+.ui-datepicker select.ui-datepicker-month-year {width: 100%;}

+.ui-datepicker select.ui-datepicker-month, 

+.ui-datepicker select.ui-datepicker-year { width: 49%;}

+.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }

+.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }

+.ui-datepicker td { border: 0; padding: 1px; }

+.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }

+.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }

+.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }

+.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

+

+/* with multiple calendars */

+.ui-datepicker.ui-datepicker-multi { width:auto; }

+.ui-datepicker-multi .ui-datepicker-group { float:left; }

+.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }

+.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }

+.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }

+.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }

+.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }

+.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }

+.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }

+.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

+

+/* RTL support */

+.ui-datepicker-rtl { direction: rtl; }

+.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }

+.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }

+.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }

+.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }

+.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }

+.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }

+.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }

+.ui-datepicker-rtl .ui-datepicker-group { float:right; }

+.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

+.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

+

+/*

+ * Allgemein Icons ...

+ */

+ .branch-3-8 #adminmenu .toplevel_page_wpsg-Admin .wp-menu-image:before { content: "\f174"; }

+ .branch-3-8 #adminmenu .toplevel_page_wpsg-Admin .wp-menu-image img { position:absolute; left:-100px; top:-100px; height:1px; width:1px; }

+ 

+.wpsg_icon { display:block; width:16px; height:16px; float:left; margin-right:4px; background-repeat:no-repeat; background-position:50% 50%; }

+.wpsg_icon_center { margin:auto; }

+.wpsg_icon_right { float:right; }

+.wpsg_icon_add { background-image:url('../gfx/add.png'); }

+.wpsg_icon_edit { background-image:url('../gfx/edit.png'); }

+.wpsg_icon_html { background-image:url('../gfx/html.png'); }

+.wpsg_icon_remove { background-image:url('../gfx/delete.png'); }

+.wpsg_icon_plzedit { background-image:url('../gfx/edit.png'); width:32px; margin-right:5px; }

+.wpsg_form_language img { margin-left:2px; margin-top:5px; margin-right:5px; }

+.wpsg_form_language a { text-decoration:none; }

+.cluetip-inner img { max-width:100%; }

+

+/* Link Klassen */

+.wpsg_link_add { background-image:url('../gfx/add.png'); padding-left:20px; background-repeat:no-repeat; line-height:20px; background-position:left 50%; height:20px; display:block; }

+

+/*

+ * Admin 

+ */

+.wpsg_admin_theme { width:600px; border: 1px solid #AAAAAA; border-bottom-left-radius:6px; border-bottom-right-radius:6px; border-top-left-radius: 6px; border-top-right-radius: 6px; padding:10px; margin-bottom:10px; }

+.wpsg_admin_theme_akt { background-color:#FFFFFF !important; }

+.wpsg_admin_theme_image { width:75px; height:75px; border:1px solid #AAAAAA; float:left; }

+.wpsg_admin_theme_content { float:left; margin-left:10px; }

+.wpsg_admin_theme_name { font-weight:bold; font-size:14px; }

+.wpsg_admin_theme_info { color:#555555; }

+.wpsg_admin_theme_new { width:600px; border: 1px solid #AAAAAA; border-bottom-left-radius:6px; border-bottom-right-radius:6px; border-top-left-radius: 6px; border-top-right-radius: 6px; padding:10px; margin-bottom:10px; }

+.wpsg_admin_theme_new .button { float:right; }

+.wpsg_admin, .wpsg_admin_wrap { width:970px; }

+.wpsg_admin_topmenu { border-top: 1px solid #AAAAAA; }

+.wpsg_admin_topmenu ul { margin-top: -1px; list-style: none; width: 100%; margin-bottom: 10px; }

+.wpsg_admin_topmenu li { padding: 0px; margin: 0px; display: inline; }

+.wpsg_admin_topmenu li a { display: block; float: left; padding-left: 12px; padding-right: 12px; font: 11px/ 18px "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif; color: #21759B; line-height: 30px; text-decoration: none !important; }

+.wpsg_admin_topmenu li.current a { background-image: url("../gfx/tab_top.gif"); background-repeat: no-repeat; background-position: top center; }

+.wpsg_admin_topmenu li a:hover { }

+.wpsg_admin_submenu { float:left; width:200px; }

+.wpsg_admin_submenu .head { cursor:pointer; margin-left:0px; width:180px; line-height:18px;   border-style: solid solid none; border-top-left-radius: 6px; border-top-right-radius: 6px; border-width: 1px 1px 0; border-color:#AAAAAA; color: #21759B; cursor:pointer !important; background-color:#F1F1F1; }

+.wpsg_admin_submenu .title { float:left; padding:5px; padding-left:12px; }

+.wpsg_admin_submenu .toggle { clear: right; cursor: default; float: right; height:26px; margin: 1px 0 0; padding: 1px 2px 0 0; width: 22px; cursor:pointer !important; }

+.wpsg_admin_submenu ul { border-bottom:1px solid #AAAAAA; border-right: 1px solid #AAAAAA; width: 181px; float: left; padding: 0px; margin: 0px; margin-left:0px; }

+.wpsg_admin_submenu ul li { border-left: 1px solid #AAAAAA; margin: 0px; }

+.wpsg_admin_submenu ul li.current { background-color: #F5F5F5; border-left: 0px; border-left:1px solid #AAAAAA; }

+.wpsg_admin_submenu ul li a { display: block; padding-left: 12px; font: 11px/ 18px "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif; color: #21759B; line-height: 20px; text-decoration: none !important; }

+.wpsg_admin_submenu ul li a:hover { background-color: #EAF2FA; } 

+.wpsg_admin_submenu ul li.modul_akt a { background-image: url("../gfx/tick.png"); background-position: right center; background-repeat: no-repeat; font-weight: bold !important; width: 165px; }

+.wpsg_admin_content { float:left; }

+.wpsg_admin_box { width:770px; }

+.wpsg_admin_box .title { line-height:18px; padding:0px; border-style: solid solid none; border-top-left-radius: 6px; border-top-right-radius: 6px; border-width: 1px 1px 0; border-color:#AAAAAA; color: #21759B; cursor:pointer !important; background-color:#F1F1F1; }

+.wpsg_admin_box .content { border-bottom:1px solid #AAAAAA; border-right:1px solid #AAAAAA; border-left:1px solid #AAAAAA; min-height:18px; padding:5px; padding-left:12px; }

+.wpsg_admin_box .head .title { cursor:default !important; }

+.wpsg_admin_box .head .title .tab { cursor:pointer; float:left; padding-left:12px; padding-right:15px; border-right:1px solid #AAAAAA; padding-top:5px; padding-bottom:5px; }

+.wpsg_admin_box .head .title .tabright { float:right; border-left:1px solid #AAAAAA; border-right:0px; }

+.wpsg_admin_box .head .title .tab:first-child { border-top-left-radius:6px; }

+.wpsg_admin_box .head .title .tabright-last { border-top-right-radius:6px !important; }

+.wpsg_admin_box .head .title .tab:hover, .wpsg_admin_box .head .title .akttab { background-color:#FFFFFF; }

+.wpsg_admin_box .head .title .fulltab { cursor:pointer; padding:5px 5px 5px 12px; }

+.wpsg_admin_box .head .title .tablink { padding:5px; float:right; }

+.wpsg_admin_date_from { margin-right:4px;}

+.wpsg_admin_date_to { margin-right:4px; margin-left:25px; }

+.wpsg_clear { clear:both; }

+.wpsg_form_field { width:770px; margin-bottom:5px; }

+.wpsg_form_field_fullrow { position:relative; }

+.wpsg_form_field_fullrow label { font-weight:bold; line-height:25px; }

+.wpsg_form_field .wpsg_form_left { line-height:24px; font-weight:bold; width:350px; float:left; }

+.wpsg_form_field .wpsg_form_right { width:420px; float:left; position:relative; }

+.wpsg_form_field .wpsg_form_right select, .wpsg_form_field .wpsg_form_right input, .wpsg_form_field .wpsg_form_right textarea { width:95%; }

+.wpsg_form_field .wpsg_form_right input.button { width:auto; }

+.wpsg_form_field .wpsg_form_right label { line-height:25px; }

+.wpsg_form_field_max select { width:100%; }

+.postbox .wpsg_form_field .wpsg_form_left  { width:330px; } /* z.B. Bestellverwaltung Bankalignment Modul */

+.wpsg_order_top { }

+.wpsg_order_top .wpsg_form_field { width:100%; }

+.wpsg_order_top .wpsg_form_field .wpsg_form_left { max-width:200px; width:50% !important; }

+.wpsg_order_top .wpsg_form_field .wpsg_form_right { width:50% !important; }

+.wpsg_order_top .wpsg_form_field .wpsg_form_right select { width:50%; float:left; }  

+.wpsg_admin_box .wpsg_form_field { margin-bottom:0px; }

+.wpsg_admin_box .wpsg_form_field .wpsg_form_right { width:401px ; }

+.wpsg_form_field .wpsg_form_right_unit select, .wpsg_form_field .wpsg_form_right_unit input, .wpsg_form_field .wpsg_form_right_unit textarea { width:80%; float:left; }

+.wpsg_form_field .wpsg_form_right_unit p.wpsg_unit { width:15%; float:left; }

+.wpsg_form_field .wpsg_form_right textarea { height:100px; }

+.wpsg_form_field .wpsg_form_right input.checkbox { width:auto !important; float:left; margin-left:2px; margin-top:5px; }

+.wpsg_form_field .wpsg_form_right p { padding:4px 0px 4px 6px; margin:0px; }

+.wpsg_formfield_small .wpsg_form_left { line-height:12px; }

+.wpsg_formfield_small .wpsg_form_right p { line-height:12px; padding-top:0px; padding-bottom:0px; }

+.widget-inside .wpsg_form_field { width:100%; }

+.widget-inside .wpsg_form_left { width:100%; }

+.widget-inside .wpsg_form_right { width:100%; }

+.widget-inside .wpsg_form_field .wpsg_form_right select, 

+.widget-inside .wpsg_form_field .wpsg_form_right input,

+.widget-inside .wpsg_form_field .wpsg_form_right textarea { width:100%; }  

+.timestamp-wrap input, .timestamp-wrap select { width:auto !important; }

+.produktwrap .wpsg_form_field { width:780px; }

+.produktwrap .wpsg_form_left { width:380px; }

+.produktwrap .wpsg_form_right { width:400px; }

+.wpsg_form_help { right:0px; top:4px; position:absolute; display:block; width:16px; height:16px; background-image:url('../gfx/help.png'); }

+.widget-content .wpsg_form_help { position:relative; float:right; margin-top:-2px; }

+.wpsg_form_help_notip { right:0px; top:4px; position:absolute; display:block; width:16px; height:16px; background-image:url('../gfx/help.png'); }

+.wpsg_admin_content { padding:0px; margin:0px; float:left; width:750px; }

+.wpsg_admin_content h3 { position:relative; }

+.wpsg_admin_table { width:100%; }

+.wpsg_admin_box .wpsg_admin_table { margin-left:-3px; } 

+.wpsg_admin_table th { font-weight:bold; text-align:left; padding:3px; }

+.wpsg_admin_table td { padding:3px; } 

+.wpsg_admin_wpsg_list .col_name { }

+.wpsg_admin_wpsg_list .col_value { width:100px; }

+.wpsg_admin_wpsg_list .col_aktion { width:50px; }

+.wpsg_editable { border-bottom:1px dotted #666666; cursor:pointer; }

+.wpsg_editable input, .wpsg_editable select { height:24px !important; font-size:12px; }

+.wpsg_editable input { width:100%; }

+.wpsg_pflichtfelder { border-spacing:0px; width:100%; }

+.wpsg_pflichtfelder td { padding:0px; }

+.wpsg_pflichtfelder tr th { text-align:left; }

+.wpsg_pflichtfelder td.col1 select, 

+.wpsg_pflichtfelder td.col1 input { width:100%; }

+.wpsg_customfields { border-spacing:0px; width:100%; }

+.wpsg_customfields td { padding:0px; }

+.wpsg_customfields tr th { text-align:left; }

+.wpsg_customfields td select { width:100%; }

+.wpsg_customfields .col0 { width:45px; }

+.wpsg_customfields .col1 { width:305px; }

+.wpsg_customfields .col4 { width:25px; }

+.wpsg_customfields .col5 { text-align:center; }

+.wpsg_customfields .col2345 input { width:100%; }

+table.wpsg_admin_laender_list { font-size:12px; }

+table.wpsg_admin_laender_list tr.odd td { background-color:#DEDEDE; }

+table.wpsg_admin_laender_list tr.even td {}

+.wpsg_admin_laender_list .col_vz { width:100px; } 

+.wpsg_admin_laender_list .col_default { width:75px; text-align:center; }

+.wpsg_admin_laender_list .col_mwst { width:55px; }

+.wpsg_admin_laender_list .col_mwstsetting { width:100px; } 

+.wpsg_admin_laender_list .col_action { width:40px; }

+.wpsg_mod_produktattribute_table { width:100%; table-layout:fixed; }

+.wpsg_mod_produktattribute_table .col_id { width:25px; text-align:left; }

+.wpsg_mod_produktattribute_table .col_name { text-align:left; }

+.wpsg_mod_produktattribute_table .col_typ { width:100px; text-align:left; }

+.wpsg_mod_produktattribute_table .col_typ select { width:100%; }

+.wpsg_mod_produktattribute_table .col_html { width:35px; }

+.wpsg_mod_produktattribute_table .col_aktion { width:50px; text-align:center; }

+.wpsg_dialog { padding:10px; }

+.wpsg_code { background-color:#EFEFEF; border:1px solid #000000; padding:3px; margin-top:5px; margin-bottom:5px; font-family:monospace; font-size:12px; }

+.wpsg_tablerow td { padding:2px 0px 2px 0px; }

+.wpsg_odd:hover, .wpsg_even:hover, .wpsg_tablerow:hover, .wpsg_tablerow:hover td, .wpsg_tablerow_hover, .wpsg_tablerow_hover td { background-color:#EFEFEF !important; }

+.wpsg_odd td {  }

+.wpsg_even td {  }

+.wpsg_widerrufstext .wpsg_form_field .wpsg_form_left { width:270px; }

+.wpsg_widerrufstext .wpsg_form_field .wpsg_form_right { width:500px; }

+.wpsg_widerrufstext .wpsg_form_field .wpsg_form_right textarea { height:200px; }

+.tabcontent .wpsg_form_right { width:400px; }

+.tabcontent .wpsg_form_right input, .tabcontent .wpsg_form_right select { width:94%; } 

+.wpsg_mail_head { border-bottom:1px solid #AAAAAA; }

+.wpsg_mail_content, wpsg_admin_box_content { display:none; }

+.wpsg_handlediv .handlediv { position:absolute; right:0px; top:0px; }

+.wpsg_handlediv span a.wpsg_form_help { float:left; display:block; position:relative; top:0px; margin-right:5px; }

+.wpsg_register_modullist { width:100%; }

+.wpsg_register_modullist th { text-align:left; }

+.wpsg_register_modullist .wpsg_col_aktion { text-align:right; }

+.wpsg_modultable { width:100%; }

+.wpsg_modultable tr th { text-align:left; }

+.wpsg_modultable tr .wpsg_col_name { padding-right:25px; }

+.wpsg_modultable tr .wpsg_col_instversion { padding-right:25px; }

+.wpsg_modultable tr .wpsg_col_licence { padding-right:25px; }

+.wpsg_modultable tr .wpsg_col_availableversion { padding-right:25px; }

+.wpsg_admin_vz_list .col_aktion .wpsg_icon_remove { float:right; }

+.wpsg_admin_vz_list .col_aktion { width:75px; }

+.wpsg_admin_vz_list .col_innereu { text-align:center; width:75px; }

+

+/*

+ * Dialog im Backend

+ * z.B. Änderung der Adresse in Bestellverwaltung

+ */

+.wpsg_dialog { }

+.wpsg_dialog_content { margin:10px; }

+.wpsg_dialog .wpsg_form_field { box-sizing:border-box; padding-left:5px; padding-right:5px; width:100%; }

+.wpsg_dialog .wpsg_form_field input, .wpsg_dialog .wpsg_form_field select { width:100%; box-sizing:border-box; }

+.wpsg_dialog .wpsg_form_field .wpsg_form_left { width:50%; }

+.wpsg_dialog .wpsg_form_field .wpsg_form_right { width:50%; }

+

+/*

+ * Seitenrefresh im Backend

+ * z.B. in der Bestellverwaltung 

+ */

+#wpsg_backend_loading { position:fixed; z-index:100000; width:100%; height:100%; left:0px; top:0px; background-color:rgba(0, 0, 0, 0.75); } 

+#wpsg_backend_loading .wpsg_inner { color:#FFFFFF; font-size:2rem; margin:auto; text-align:center; margin-top:20%; }

+

+/*

+ * Produktverwaltung

+ */

+.wpsg_produktindex .wpsg_pic_col { width:50px; }

+.wpsg_produktindex #wpsg_product_search_button { background-position:50% 50%; background-repeat:no-repeat; background-image:url('../gfx/lupe.png'); }

+.wpsg_produkt_addedit .wpsg_form_field { width:100%; }

+.wpsg_produkt_addedit .wpsg_form_field .wpsg_form_left { width:20%; font-weight:bold; line-height:24px; }

+.wpsg_produkt_addedit .wpsg_form_field .wpsg_form_right { width:80%; float:left; }

+.wpsg_produkt_addedit .wpsg_form_field .wpsg_form_right input { width:100%; }

+.wpsg_produkt_addedit .wpsg_form_field .wpsg_form_right textarea { width:100%; }

+.wpsg_produkt_addedit .wpsg_form_field .wpsg_form_right_unit input { width:95%; }

+.wpsg_produkt_addedit .wpsg_form_field .wpsg_form_right .wp-editor-wrap input { width:auto !important; }

+.wpsg_produkt_addedit .wpsg_form_field .wpsg_form_right_unit p.wpsg_unit { width:4%; float:right; }

+.wpsg_produkt_addedit .wpsg_form_field .wpsg_form_right input.wpsg-datepicker { width:85%; }

+.wpsg_produkt_addedit .wpsg_form_field .wpsg_form_right .ui-datepicker-trigger { margin-left:3px; margin-top:5px; }

+.wpsg_produkt_addedit .wpsg_form_field .wpsg_form_right select { width:100%; }

+.wpsg_produkt_addedit .wpsg_form_field .wpsg_form_right_help select { width:95%; }

+.wpsg_produkt_addedit .wpsg_form_field .wpsg_form_right input.wpsg_preis { width:60%; }

+.wpsg_produkt_addedit .wpsg_form_field .wpsg_form_right .waehrung { float:right; }

+.wpsg_produkt_addedit #side-info-column .wpsg_form_field .wpsg_form_left { width:50%; }

+.wpsg_produkt_addedit #side-info-column .wpsg_form_field .wpsg_form_right { width:50%; }

+.wpsg_posturl { margin-bottom:5px; }

+

+/*

+ * Bestellverwaltung

+ */

+.wpsg_order_datum { color:#999999; }

+.wpsg_order_adress { color:#999999; }

+.wpsg_order_view .inner-sidebar .wpsg_form_field { width:100%; }

+.wpsg_order_view .inner-sidebar .wpsg_form_field .wpsg_form_left { width:100%; }

+.wpsg_order_view .inner-sidebar .wpsg_form_field .wpsg_form_right { width:100%; margin-top:-5px; }

+.wpsg_order_view #post-body-content .wpsg_form_field { width:100%; }

+.wpsg_order_view #post-body-content .wpsg_form_field .wpsg_form_left { width:20%; min-width:200px; }

+.wpsg_order_view #post-body-content .wpsg_form_field .wpsg_form_right { width:auto; }

+.wpsg_order_view .wpsg_produkte { width:100%; }

+.wpsg_order_view tr.wpsg_kopf th { text-align:left; }

+.wpsg_order_view .wpsg_cell_preis { width:100px; text-align:right !important; padding-right:10px; }

+.wpsg_order_view .wpsg_cell_mwst { width:100px; text-align:right !important; padding-right:10px; }

+.wpsg_order_view .wpsg_cell_menge { width:100px; text-align:center !important; padding-right:10px; }

+.wpsg_order_view .wpsg_cell_gesamtpreis { width:100px; text-align:right !important; }

+.wpsg_order_view .wpsg_cell_summe_value { text-align:right !important; text-decoration:underline; }

+.wpsg_order_view .wpsg_cell_shipping_value { text-align:right !important; }

+.wpsg_order_view .wpsg_cell_payment_value { text-align:right !important; }

+.wpsg_order_view .wpsg_cell_payment_value { text-align:right !important; }

+.wpsg_order_view .wpsg_cell_rabatt_value { text-align:right !important; }

+.wpsg_order_view .wpsg_cell_mwst_value { text-align:right !important; }

+.wpsg_order_view .wpsg_cell_mwst_value, .wpsg_order_view  .wpsg_cell_mwst_label { font-size: 10px; line-height: 18px; }

+.wpsg_order_view .wpsg_cell_gesamt_value { text-align:right !important; font-weight:bold; text-decoration:underline; }

+.wpsg_order_view .wpsg_order_admincomment { width:100%; height:100px; }

+.wpsg_order_view .wpsg_order_admincomment_submit { margin-top:5px; margin-bottom:5px; }

+.wpsg_order_view #wpsg_generally .wpsg_form_left { width:200px; }

+.wpsg_orderlog { width:100%; }

+.wpsg_orderlog .col_date { width:135px; text-align:left; }

+.wpsg_orderlog .col_aktion { width:100px; text-align:right; }

+.wpsg_orderlog .col_title { text-align:left; }

+.wpsg_orderlog .col_mailtext { background-color:#FFFFFF; font-family:monospace; }

+.wpsg_orderlog .col_mailtext textarea { width:100%; height:250px; overflow:scroll; border:0px; background-color:#DSDSDS; border:1px solid #C4C4C4; overflow:auto; max-width:100%; }

+.wpsg_order_index_status { float:none !important; margin:0px 300px 0px 0px; }

+.wpsg_order_index_status .akt { font-weight:bold; color:#000000; }

+.wpsg_order_index_status li { float:left !important; }

+.wpsg_order_index_status li span { line-height:2; padding:0.2em; }

+.wpsg_tablenav { clear:right; float:right; }

+.wpsg-search-box { margin-top:-6px !important; }

+	

+/* 

+ * Produktbilder

+ */

+.wpsg_mod_produktbilder_admin_bild { float:left; margin-right:5px; }

+

+/*

+ * Downloadprodukte

+ */

+.wpsg_mod_downloadprodukte_admin_delete { height:16px; width:16px; float:right; background-image:url('../gfx/delete.png'); cursor:pointer; }

+

+/*

+ * Kundenverwaltung

+ */

+#wpsg_customercomment textarea, #postbox_kunde_kommentar textarea { width:100%; height:150px; }

+.wpsg_mod_kundenverwaltung_customeramount .wpsg_storno { color:#000000; }

+.wpsg_mod_kundenverwaltung_customeramount .wpsg_open { color:#FF0000; }

+.wpsg_mod_kundenverwaltung_customeramount .wpsg_payed { color:#008000; }

+.wpsg_customer_index .wpsg-row-actions > div { visibility:hidden; }

+.wpsg_customer_index .wpsg-row-actions:hover > div { visibility:visible; } /* Bug:? Chrome */

+

+/* Kundengruppenverwaltung */

+.wpsg_mod_kundenverwaltung_customergroup_index .col-id { width:55px; }

+.wpsg_mod_kundenverwaltung_customergroup_index .col-name { }

+.wpsg_mod_kundenverwaltung_customergroup_index .col-customercount { width:150px; }

+.wpsg_mod_kundenverwaltung_customergroup_index .col-calculation { width:150px; }

+.wpsg_mod_kundenverwaltung_customergroup_addedit .wpsg_form_field .wpsg_form_left  { width:100%; }

+.wpsg_mod_kundenverwaltung_customergroup_addedit .wpsg_form_field .wpsg_form_right  { width:100%; }

+

+/*

+ * Versandarten

+ */

+.va_table { width:100%; table-layout:fixed; border-collapse: collapse; }

+.va_table .wpsg_label { font-weight:bold; width:250px; padding:2px; }

+.va_table .wpsg_value { padding:2px; }

+.va_table .wpsg_delcol { position:relative; width:25px; text-align:right; padding:2px 0px 2px 2px; }

+.va_table .wpsg_delcol .wpsg_form_help { position:relative; }

+.va_table .wpsg_delcol a { float:right; }

+.va_table .wpsg_mwst_checkbox { width:20px; }

+

+/*

+ * Rechnungsmoudl

+ */

+.wpsg_mod_rechnungen_fieldtable { width:100%; } 

+.wpsg_mod_rechnungen_fieldtable th { text-align:left; }

+.wpsg_mod_rechnungen_fieldtable th.col_x, .wpsg_mod_rechnungen_fieldtable th.col_y { text-align:center; }

+.wpsg_mod_rechnungen_fieldtable .col_bezeichnung { width:100px; }

+.wpsg_mod_rechnungen_fieldtable .col_freitext { }

+.wpsg_mod_rechnungen_fieldtable .col_x { width:50px; }

+.wpsg_mod_rechnungen_fieldtable .col_y { width:50px; }

+.wpsg_mod_rechnungen_fieldtable .col_color { width:50px; }

+.wpsg_mod_rechnungen_fieldtable .col_groesse { width:50px; }

+.wpsg_mod_rechnungen_fieldtable .col_action { width:50px; }

+.wpsg_foottextlist { width:100%; }

+.wpsg_foottextlist th { text-align:left; }

+.col_standard { text-align:center; width:50px; } 

+

+/* Lieferscheinmodul (wpsg_mod_deliverynote) */

+.wpsg_mod_deliverynote_fieldtable { width:100%; } 

+.wpsg_mod_deliverynote_fieldtable th { text-align:left; }

+.wpsg_mod_deliverynote_fieldtable th.col_x, .wpsg_mod_rechnungen_fieldtable th.col_y { text-align:center; }

+.wpsg_mod_deliverynote_fieldtable .col_bezeichnung { width:100px; }

+.wpsg_mod_deliverynote_fieldtable .col_freitext { }

+.wpsg_mod_deliverynote_fieldtable .col_x { width:50px; }

+.wpsg_mod_deliverynote_fieldtable .col_y { width:50px; }

+.wpsg_mod_deliverynote_fieldtable .col_color { width:50px; }

+.wpsg_mod_deliverynote_fieldtable .col_groesse { width:50px; }

+.wpsg_mod_deliverynote_fieldtable .col_action { width:50px; }

+

+/*

+ * Videodownload Modul

+ */

+.wpsg_mod_videodownload_fieldtable { width:100%; } 

+.wpsg_mod_videodownload_fieldtable th { text-align:left; }

+.wpsg_mod_videodownload_fieldtable .col_bezeichnung { width:25px; }

+.wpsg_mod_videodownload_fieldtable .col_freitext_label { font-weight:bold; }

+.wpsg_mod_videodownload_fieldtable .col_freitext { }

+.wpsg_mod_videodownload_fieldtable .col_x { width:35px; }

+.wpsg_mod_videodownload_fieldtable .col_y { width:35px; }

+.wpsg_mod_videodownload_fieldtable .col_color { width:50px; }

+.wpsg_mod_videodownload_fieldtable .col_alpha { width:35px; }

+.wpsg_mod_videodownload_fieldtable .col_align { width:35px; text-align:center; }

+.wpsg_mod_videodownload_fieldtable .col_angle { width:50px; }

+.wpsg_mod_videodownload_fieldtable .col_groesse { width:50px; }

+.wpsg_mod_videodownload_fieldtable .col_font { width:150px; }

+.wpsg_mod_videodownload_fieldtable .col_font select { width:100%; }

+.wpsg_mod_videodownload_fieldtable .col_action { width:75px; }

+.wpsg_mod_videodownload_admin_delete { height:16px; width:16px; float:right; background-image:url('../gfx/delete.png'); cursor:pointer; }

+.wpsg_mod_videodownload_order_view_filelist { width:100%; }

+.wpsg_mod_videodownload_order_view_filelist .col_file { text-align:left; }

+.wpsg_mod_videodownload_order_view_filelist .col_status { text-align:left; }

+.wpsg_mod_videodownload_order_view_filelist .col_action { text-align:left; }

+.wpsg_mod_videodownload_order_view_filelist .row_raid td { color:red; }

+

+/*

+ * PDFdownload Modul

+ */

+.wpsg_mod_downloadplus_fieldtable { width:100%; } 

+.wpsg_mod_downloadplus_fieldtable th { text-align:left; }

+.wpsg_mod_downloadplus_fieldtable .col_bezeichnung { width:25px; }

+.wpsg_mod_downloadplus_fieldtable .col_freitext_label { font-weight:bold; }

+.wpsg_mod_downloadplus_fieldtable .col_freitext { }

+.wpsg_mod_downloadplus_fieldtable .col_x { width:35px; }

+.wpsg_mod_downloadplus_fieldtable .col_y { width:35px; }

+.wpsg_mod_downloadplus_fieldtable .col_color { width:50px; }

+.wpsg_mod_downloadplus_fieldtable .col_alpha { width:35px; }

+.wpsg_mod_downloadplus_fieldtable .col_align { width:35px; text-align:center; }

+.wpsg_mod_downloadplus_fieldtable .col_bg { width:35px; text-align:center; }

+.wpsg_mod_downloadplus_fieldtable .col_angle { width:50px; }

+.wpsg_mod_downloadplus_fieldtable .col_groesse { width:50px; }

+.wpsg_mod_downloadplus_fieldtable .col_font { width:150px; }

+.wpsg_mod_downloadplus_fieldtable .col_font select { width:100%; }

+.wpsg_mod_downloadplus_fieldtable .col_action { width:75px; }

+.wpsg_mod_downloadplus_admin_delete { height:16px; width:16px; float:right; background-image:url('../gfx/delete.png'); cursor:pointer; }

+.wpsg_mod_downloadplus_order_view_filelist { width:100%; }

+.wpsg_mod_downloadplus_order_view_filelist .col_file { text-align:left; }

+.wpsg_mod_downloadplus_order_view_filelist .col_status { text-align:left; }

+.wpsg_mod_downloadplus_order_view_filelist .col_action { text-align:left; }

+.wpsg_mod_downloadplus_order_view_filelist .row_raid td { color:red; } 

+.wpsg_mod_downloadplus_security input { float:left; width:auto !important; }

+.wpsg_mod_downloadplus .wpsg_border_bottom td { border-top:1px solid #DEDEDE; height:1	px; }

+

+/*

+ * Variantenverwaltung

+ */

+#wpsg_vp_drawVarianten div.wpsg_editable { width:auto; display:inline-block; }

+#wpsg_vp_drawVarianten .col_preis { width:150px; text-align:left; }

+#wpsg_vp_drawVarianten .col_fmenge { width:100px; text-align:left; }

+#wpsg_vp_drawVarianten .col_variname { width:350px; }

+#wpsg_vp_drawVarianten .col_variartnr { width:200px; text-align:left; }

+#wpsg_vp_drawVarianten .col_stock { width:100px; text-align:left; }

+#wpsg_vp_drawVarianten .wpsg_mod_varianten_productimage_row .pic { display:block; float:left; margin-right:5px; padding:5px; height:25px; width:25px; }

+#wpsg_vp_drawVarianten .wpsg_mod_varianten_productimage_row .mark { background-color:rgb(174, 174, 174); }

+#wpsg_vp_drawVarianten .wpsg_mod_varianten_orderwrap_image .wpsg_mod_varianten_productimage_row .mark:first-of-type { background-color:black; }

+#wpsg_vp_drawVarianten .wpsg_mod_varianten_ajaxloading { width:100%; height:100%; position:absolute; left:0px; top:0px; background-color:rgba(125, 125, 125, 0.5); margin-top:-10px; padding-bottom:21px; }

+#wpsg_vp_drawVarianten .wpsg_mod_varianten_ajaxloading img { position:absolute; left:50%; top:50%;  margin-left:-8px; margin-top:-5.5px; }

+

+/*

+ * Gutscheinmodul

+ */

+.wpsg_mod_gutschein .vouchertable { width:100%; }

+.wpsg_mod_gutschein .column-checkbox { width:25px; text-align:center; }

+.wpsg_mod_gutschein .column-nr { width:50px; text-align:left; }

+

+/*

+ * Related Products

+ */

+.wpsg_productselect { padding:15px; }

+.wpsg_productselect .wpsg_form_field { width:100%; }

+.wpsg_productselect .wpsg_form_left { width:50%; }

+.wpsg_productselect .wpsg_form_right { width:50%; }

+.wpsg_productselect .wpsg_form_right select { float:right; }

+#relatedproducts_list select { width:105px !important; }

+#relatedproducts_list .wpsg_icon { margin-top:5px; }

+

+/* Export Profile */

+#profil_content .wpsg_form_field { width:745px; }

+#profil_content .wpsg_form_field .wpsg_form_right { width:395px; min-height:24px; line-height:24px; }

+#profil_content #message { margin-left:0px; }

+#profil_content .wpsg_mod_export_fieldlist { width:100%; }

+#profil_content .wpsg_mod_export_fieldlist th { text-align:left; padding:2px 5px 2px 0px; }

+#profil_content .wpsg_mod_export_fieldlist td { text-align:left; padding:2px 5px 2px 0px; }

+#profil_content .wpsg_mod_export_fieldlist .odd td { background-color:#DEDEDE; }

+#profil_content .wpsg_mod_export_fieldlist .even { }

+#profil_content .wpsg_mod_export_col_field_user { font-weight:bold; }

+#wpsg_modexport .wpsg_mod_export_profillabel { margin-right:15px; display:block; float:left; }

+

+/* Produktvariablen */ 

+.wpsg_pv_table { width:100%; }

+.wpsg_pv_table tr td { vertical-align:top; }

+.wpsg_pv_table .wpsg_id { width:20px; text-align:left; cursor:move; }

+.wpsg_pv_table .wpsg_delcol { width:24px; text-align:center; }

+.wpsg_pv_table .wpsg_typ { width:100px; text-align:left; }

+.wpsg_pv_table .wpsg_pflicht { width:100px; text-align:center; }

+.wpsg_pv_table .wpsg_label { text-align:left; }

+

+/* Bestellvariablen */

+.wpsg_ov_table { width:100%; }

+.wpsg_ov_table .wpsg_id { width:20px; text-align:left; }

+.wpsg_ov_table .wpsg_delcol { width:24px; text-align:center; }

+.wpsg_ov_table .wpsg_typ { width:100px; text-align:left; }

+.wpsg_ov_table .wpsg_pflicht { width:100px; text-align:center; }

+.wpsg_ov_table .wpsg_label { text-align:left; }

+

+/* Statistikmodul */

+.wpsg_mod_statistics_totals_row { width:100%; }

+.wpsg_mod_statistics_totals_block { float:left; width:auto; text-align:center; font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif; }

+.wpsg_mod_statistics_totals_block .number { font-size:18px; color:#21759B; display:block; padding-bottom:10px; padding-top:5px; }

+.wpsg_mod_statistics_totals_block .label { font-size:16px; color:#8F8F8F; display:block; padding-bottom:5px; }

+.wpsg_mod_statistics_totals_block .label a { color:#8F8F8F; border-bottom:1px solid #ECECEC; padding-left:10px; padding-right:15px; padding-bottom:5px; }

+.subsubsub #table-data .th-right span { float:right; }

+.subsubsub #table-data .td-right { text-align:right; }

+

+/* Zahlvarianten */

+.zv_table { width:100%; table-layout:fixed; border-collapse: collapse; }

+.zv_table .wpsg_label { font-weight:bold; width:250px; padding:2px; }

+.zv_table .wpsg_value { padding:2px; }

+.zv_table .wpsg_delcol { width:25px; position:relative; text-align:right; padding:2px 0px 2px 2px; }

+.zv_table .wpsg_delcol .wpsg_form_help { position:relative; top:0px; }

+.zv_table .wpsg_delcol a { float:right; }

+.zv_table .wpsg_mwst_checkbox { width:20px; }

+

+/* Auftragsbest�tigung */

+.wpsg_order_view_auftragsbestaetigung { width:100%; }

+.wpsg_order_view_auftragsbestaetigung_submit { margin-top:5px; margin-bottom:5px; }

+

+/* Rabattmodul */

+.wpsg_mod_discount_generalcol { float:left; width:33%; }

+.wpsg_mod_discount_seriescol { float:left; width:50%; line-height:25px; vertical-align:middle; }

+.wpsg_mod_discount_seriescol_sub { width:25%; }

+.wpsg_mod_discount_seriescol input[type=text] { width:70% !important; }

+.wpsg_mod_discount_seriescol input[type=checkbox] { width:auto !important; margin-right:5px; }

+.wpsg_mod_discount_settings #wpsg_mod_discount_hierarchie ul { margin-top:0px; }

+.wpsg_mod_discount_settings #wpsg_mod_discount_hierarchie input[type="checkbox"] { width:auto; }

+.wpsg_mod_discount_settings #wpsg_mod_discount_hierarchie ul li { padding-left:5px; width:96%; line-height:25px; height:25px; background-color:#DDDDDD; cursor:move; }

+.wpsg_mod_discount_settings #wpsg_mod_discount_hierarchie ul li input { display:none; }

+

+/* Registrierung */

+.wpsg_registerform { padding:10px; }

+.wpsg_registersuccess { color:green; }

+.wpsg_registerfailure { color:red; }

+

+/* Berechtigungsverwaltung */

+.wpsg_access_table { width:100%; table-layout:fixed; margin-top:50px; }

+.wpsg_access_table .wpsg_col_capname { width:150px; padding-right:25px; }

+.wpsg_access_table th.wpsg_col_cap { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); height:40px; text-align:center; width:25px; }

+.wpsg_access_table td.wpsg_col_cap { text-align:center; }

+

+/* Gutscheinproduktmodul */

+.wpsg_mod_voucherproduct_list .wpsg_mod_voucherproduct_code { float:left; }

+.wpsg_mod_voucherproduct_list .wpsg_mod_voucherproduct_status { width:auto; float:right; text-align:right; }

+#wpsg_voucherproduct_target .wpsg_button { float:left; }

+

+/* Statistimodul */

+#wpsg_statistics_form .wpsg_form_field .wpsg_form_left { width:70px; }

+.wpsg-table-data-wrapper { float:left; margin-right:15px; }

+td.jqplot-table-legend { vertical-align:middle !important; white-space:no-wrap !important; }

+.orderdown .sorting-indicator { background-image: url("../../../../../wp-admin/images/sort.gif"); background-position:0% 50%; display:inline-block; height:10px; width:7px; }

+.orderup .sorting-indicator { background-image: url("../../../../../wp-admin/images/sort.gif"); background-position:100% 50%; display:inline-block; height:10px; width:7px; }

+.orderdown span, .orderup span { cursor: pointer; float:none !important; }

+

+/* Bankabgleichsmodul (mod_bankalignment) */

+.wpsg_mod_bankalignment_order_ajax .row-details { font-family:monospace; display:none; }

+

+/* E-Bay Schnittstelle (mod_ebay) */

+#wpsg_mod_ebay_categorieselect_dialog { padding:10px; }

+#wpsg_mod_ebay_categorieselect_dialog select { width:100%; }

+#wpsg_mod_ebay_categorietext { float:left; }

+.wpsg_mod_ebay_cattarget img { margin-top:5px; }

+

+/* Staffelpreismodul (mod_scaleprice) */

+.wpsg_mod_scaleprice_label_scale { float:left; width:25%; font-weight:normal; }

+.wpsg_mod_scaleprice_label_value { float:right; width:25%; text-align:center; font-weight:normal; }

+.wpsg_mod_scaleprice_value { width:48% !important; float:left !important; }

+.wpsg_mod_scaleprice_scale { width:48%; float:left; }

+.wpsg_mod_scaleprice_row .wpsg_form_left .wpsg_editable { width:48%; float:left; text-align:right; font-weight:normal; }

+.wpsg_mod_scaleprice_row .wpsg_form_right .wpsg_editable { line-height: 24px; text-align:right; width:48%; float:left; font-weight:normal; }

+#wpsg_mod_scaleprice_target p.waehrung { width:25%; float:left; padding-top:3px; }

+#wpsg_mod_scaleprice_target .wpsg_icon_add { margin-top:3px; }

+#wpsg_mod_scaleprice_target .wpsg_icon_remove { margin-top:3px; }

+

+/* H�ndlerbund (mod_haendlerbund) */

+.wpsg_mod_haendlerbund_settings .wpsg_mod_haendlerbund_date { float:right; line-height:25px; margin-right:25px; }

+

+/* Rechtstexte */

+.wpsg_ps_update input[type="checkbox"] { width:auto !important; margin-top:5px; margin-right:5px; float:left; }

+

+/* Micropayment (mod_micropayment) */

+#wpsg_mod_micropayment_handypay_infolayer, #wpsg_mod_micropayment_call2pay_infolayer { line-height:0.65rem; padding-top:0.5rem; padding-bottom:0.5rem; }

+#wpsg_mod_micropayment_handypay_infolayer ul, #wpsg_mod_micropayment_call2pay_infolayer ul { list-style:circle; margin-left:15px; }

+

+.wpsg_mod_test_table table { width:100%; }

+.wpsg_mod_test_table table th { text-align:left; font-size:12px; line-height:16px; }

+.wpsg_mod_test_table table td { test-align:left; font-size:12px; line-height:16px; }

+

+/* Hilfetooltip */

+.cluetip-title { background-color:#767676 !important; color:#FFFFFF !important; }

+.cluetip-title a { color:#FFFFFF !important; }

+.cluetip-inner { background-color: #F7F7F7; }

+.clue-left-default .cluetip-arrows { background-image:url('../gfx/darrowright.gif') !important; margin-top:5px !important; }

+.clue-right-default .cluetip-arrows { background-image:url('../gfx/darrowleft.gif') !important; margin-top:5px !important; }

+

+/* Bankeinzug (wpsg_mod_autodebit) */

+input.wpsg_mod_autodebit_button { width:100% !important; }

+

+/* 3.8 Kompatibilit�t */

+.version-3-8 .wpsg_order_view .inner-sidebar .wpsg_form_field .wpsg_form_left { width:40%; }

+.version-3-8 .wpsg_order_view .inner-sidebar .wpsg_form_field .wpsg_form_right { width:60%; }

+

+/* Modul "Wirecard" */

+.wpsg_mod_wirecard_paymenttypeselect input[type="checkbox"] { width:auto; margin-left:5px; margin-top:-3px; }

+.wpsg_mod_wirecard_paymenttypeselect li { padding-left:5px; width:100%; line-height:25px; height:25px; background-color:#DDDDDD; cursor:move; }

+

+/* Modul "Bestellbedingungen" */

+.wpsg_mod_ordercondition_text { width:100%; height:300px; }

+

+/* Modul "Kundenkontakt" */

+#kk_text { font-family:"Courier New"; }

+

+/* Rechtstexte */

+.wpsg_mod_legaltexts_protectedshops_table { width:100%; }

+.wpsg_mod_legaltexts_protectedshops_table th { text-align:left; width:343px; }

+.wpsg_ps_update { float:right; }

+.wpsg_ps_status { float:left; }

+select.wpsg_ps_page { width:73%; }

+select.wpsg_ps_format { float:right; width:23%; }

+#wpshopgermany_ts_shopid { width:100%; }

+#wpsgitrecht_message { margin-left:5px; }

+.wpsgitrecht_clear { clear:both; }

+.wpsgitrecht_form_field { width:770px; margin-bottom:5px; }

+.wpsgitrecht_form_field .wpsgitrecht_form_left { line-height:24px; font-weight:bold; width:350px; float:left; }

+.wpsgitrecht_form_field .wpsgitrecht_form_right { width:420px; float:left; position:relative; line-height:28px; }

+.wpsgitrecht_form_field .wpsgitrecht_form_right select, .wpsgitrecht_form_field .wpsgitrecht_form_right input { width:95%; }

+.wpsgitrecht_form_field .wpsgitrecht_form_right input.checkbox { width:auto !important; float:left; margin-left:2px; margin-top:5px; }

+.wpsgitrecht_form_field .wpsgitrecht_form_right p { padding:4px 0px 4px 6px; margin:0px; }

+.wpsgitrecht_form { padding:10px; }

+.wpsgitrecht_date { float:right; padding-right:5%; }

+.wpsgitrecht_hinweis { font-style:italic; }

+.wpsgitrecht_table { border-spacing:0px; border-collapse:collapse; }

+.wpsgitrecht_table .col0 { width:347px; }

+.wpsgitrecht_table .col1 { width:400px; }

+.wpsgitrecht_table .col1 p { padding:2px 0px 2px 10px; display:inline-block; margin:0px; }

+.wpsgitrecht_table .col1 select { width:100%; }

+.wpsg_itrecht_generatebutton { width:16px; height:16px; background-image:url('../gfx/arrow_refresh_small.png'); ?>); display:inline-block; float:right; margin-top:6px; }

+

+/* Modul "Paketverfolgung" */

+.wpsg_mod_packagetracking_settings_edit_list .trackingprovider_table { width:100%; table-layout:fixed; border-collapse: collapse; }

+.wpsg_mod_packagetracking_settings_edit_list .trackingprovider_table .wpsg_label { font-weight:bold; width:150px; padding:2px; }

+.wpsg_mod_packagetracking_settings_edit_list .trackingprovider_table .wpsg_value { padding:2px; }

+.wpsg_mod_packagetracking_settings_edit_list .trackingprovider_table .wpsg_delcol { position:relative; width:25px; text-align:right; padding:2px 0px 2px 2px; }

+.wpsg_mod_packagetracking_settings_edit_list .trackingprovider_table .wpsg_delcol .wpsg_form_help { position:relative; }

+.wpsg_mod_packagetracking_settings_edit_list .trackingprovider_table .wpsg_delcol a { float:right; }

+.wpsg_mod_versandarten_packagetracking .wpsg_mod_packagetracking_provider { width:100%; }

+

+/* Modul CrefoPay */

+.wpsg_mod_crefopay_order_sidebar .button { margin-right:5px; margin-top:5px; float:left; }

+.wpsg_mod_crefopay_mnsstatemapping { display:none; }

+.wpsg_mod_crefopay_mnsstatemapping .wpsg_form_field { margin-bottom:0px; }

+

+/* Modul TrustedShops */

+.wpsg_mod_protectedshops #wpsg_mod_trustedshops_reminderDays { width:50px; float:left; margin-right:5px; }

+.wpsg_mod_protectedshops .wpsg_form_field .wpsg_form_trustedshops_reminderDays p { float:left; padding-right:5px; padding-left:2px; } 

+ 

+/* News Bereich */

+.wpsg_news_wrap {}

+.wpsg_news_wrap .wpsg_news .markRead { text-align:right; width:100px; display:none; position:absolute; right:15px; top:15px; }

+.wpsg_news_wrap .wpsg_news_read .markRead img { float:right; margin-left:5px; }

+.wpsg_news_wrap .wpsg_news { width:100%; box-sizing:border-box; position:relative; padding:5px 10px 10px 10px; margin-bottom:15px; background-color:#FFFFFF; }

+.wpsg_news_wrap .wpsg_news h2 a { text-decoration:none; color:inherit !important; }

+.wpsg_news_wrap .wpsg_news_read {  }

+.wpsg_news_wrap .wpsg_news_read .markRead { display:block; }

+.wpsg_news_unreadhint { color:#FFFFFF; background-color:#FF0000; padding:0px 4px; line-height:16px; font-size:8px; display:inline-block; font-weight:bold; border-radius:15px; width:8px; text-align:center; vertical-align:top; margin-top:4px; margin-left:0px; }
\ No newline at end of file
diff --git a/views/css/frontend.css b/views/css/frontend.css
new file mode 100644
index 0000000..b6aeffd
--- /dev/null
+++ b/views/css/frontend.css
@@ -0,0 +1,335 @@
+@CHARSET "UTF-8";

+

+/* Allgemein */

+.wpsg_clear { clear:both; }

+#wpsg_error, #wpsg_message { margin-bottom:1rem; }

+#wpsg_message p, #wpsg_error p, #wpsg_notice p { background-color:#FAFAFA; margin-bottom:4px; padding:3px 0px 3px 8px; } 

+#wpsg_message p { border-left:4px solid #7AD03A; }

+#wpsg_notice p { border-left:4px solid #FDF60A; }

+#wpsg_error p { border-left:4px solid #DD3D36; }

+.wpsg_error { border-color:#DD3D36; }

+.wpsg { }

+.wpsg h2 { }

+.wpsg_checkout label.wpsg_error { background-color:white; } 

+label.wpsg_error { position:absolute; right:2px; top:-2px; color:#DD3D36; }

+input.wpsg_error { border-color:red !important; }

+.wpsg_spacer { width:100%; height:1px; background-color:#EAEAEA; margin-bottom:1rem; }

+.wpsg_noscroll { overflow:hidden; }

+#TB_ajaxContent { width:100% !important; }

+.wpsg_upper { vertical-align:top; font-size:60%; }

+

+/* Basket Widget */

+.wpsg_basket_widget .wpshopgermany_linktokasse { float:right; margin-top:1rem; } 

+

+/* Basket */

+.wpsg_basket { margin-bottom:1rem; }

+.wpsg_basket h2 { }

+.wpsg_basket table { margin-top:1rem; width:100%; }

+.wpsg_basket table th { } 

+.wpsg_basket .wpsg_basket_removelink { text-decoration:none; border:0px !important; }

+.wpsg_basket .wpsg_cell_number { padding-left:0.3rem; padding-right:0.3rem; text-align:center; min-width:20px; }

+.wpsg_basket .wpsg_cell_number img { max-width:auto !important; display:inline-block; }

+.wpsg_basket .wpsg_cell_menge { text-align:center; }

+.wpsg_basket .wpsg_cell_menge input {  text-align:center; }

+.wpsg_basket .wpsg_cell_preis { text-align:right; }

+.wpsg_basket .wpsg_cell_gesamtpreis { text-align:right; }

+.wpsg_basket .wpsg_cell_summe_value { text-align:right; }

+.wpsg_basket .wpsg_cell_shipping_value { text-align:right; }

+.wpsg_basket .wpsg_cell_shipping_label select,

+.wpsg_basket .wpsg_cell_shipping_label span { float:right; width:150px;clear:right; }

+.wpsg_basket .wpsg_cell_shipping_label select.set_shipping { margin-bottom:5px; }

+.wpsg_basket .wpsg_cell_payment_label select,

+.wpsg_basket .wpsg_cell_payment_label span  { float:right; width:150px; }

+.wpsg_basket .wpsg_cell_payment_value { text-align:right; }

+.wpsg_basket .wpsg_cell_gesamtsumme_value { text-align:right; }

+.wpsg_basket .wpsg_cell_deliverytime_value { text-align:right; }

+.wpsg_basket .wpsg_cell_name { vertical-align:middle; }

+.wpsg_basket .wpsg_cell_name .wpsg_basket_productimage { display:inline; padding-right:0.2rem; vertical-align:baseline; }

+.wpsg_basket .wpsg_cell_mwst { text-align:center; min-width:60px; }

+.wpsg_basket .wpsg_cell_mwst_value { text-align:right; }

+.wpsg_basket .wpsg_cell_weight_value { text-align:right; }

+.wpsg_basket .wpsg_checkoutbutton { float:right; }

+.wpsg_basket .wpsg_cell_gesamtsumme_value { font-weight:bold; }

+.wpsg_basket .wpsg_refreshbutton, .wpsg_basketbutton { float:left; }

+

+/* Checkout + Request*/

+.wpsg_checkout .wpsg_checkoutblock { width:100%; clear:both; margin-bottom:2px; position:relative; width:100%; }

+.wpsg_checkout .wpsg_checkoutblock label { vertical-align:middle; }

+.wpsg_checkout .wpsg_checkoutblock input.wpsg_input_text,

+.wpsg_checkout .wpsg_checkoutblock input[type="text"], 

+.wpsg_checkout .wpsg_checkoutblock input[type="number"], 

+.wpsg_checkout .wpsg_checkoutblock input[type="password"] { margin-bottom:5px; box-sizing:border-box; width:100%; }

+.wpsg_checkout .wpsg_checkoutblock input[type="checkbox"] { width:auto; margin-right:5px; }

+.wpsg_checkout .wpsg_checkoutblock select { box-sizing:border-box; width:100%; margin-bottom:5px; }

+.wpsg_checkout .wpsg_mandatoryfield_hint { margin-top:1rem; }

+.wpsg_checkout .wpsg_required { font-weight:bold; color:#FF0000; }

+.wpsg_checkout .wpsg_checkout2button { float:right; }

+.wpsg_checkout .wpsg_mod_ordervars { margin-bottom:1rem; }

+.wpsg_checkout .wpsg_commentblock textarea { box-sizing:border-box; padding:2px; width:100%; height:150px; }

+.wpsg_checkout .wpsg_logout_box a { float:right; border-bottom:0px; padding:15px; font-weight:bold; color:#FF0000; font-weight:bold; color:#fff; background-color:#333; }

+

+/* Checkout2 */ 

+.shippay_wrap { margin-top:40px; width:100%; font-family:Arial; padding-right:10px; }

+.wpsg_payment .wpsg_payment_textwrap { margin-top:40px; }

+.shippay_wrap .shippay_item_wrap { position:relative; border-top:1px solid #DFDFDF; cursor:pointer; padding-left:8px; }

+.shippay_wrap .shippay_item_wrap .shippay_hint { display:none; margin-top:-5px; padding-bottom:20px; font-family:Arial; font-size:11px; color:#3F3F3F; }

+.shippay_wrap .shippay_active, .shippay_wrap .shippay_item_wrap:hover { background-color:#F9F9F9; }

+.shippay_wrap .shippay_active .shippay_hint { display:block; padding-right:8px; }

+.shippay_wrap .shippay_item_wrap .wpsg_payship_name { display:table-cell; vertical-align:middle; font-size:12px; height:64px; }

+.shippay_wrap .shippay_active .wpsg_payship_name { font-weight:bold; }

+.shippay_wrap .shippay_item_wrap:last-child { border-bottom:1px solid #DFDFDF; }

+.shippay_wrap .shippay_item_wrap input { display:none; }

+.shippay_wrap .shippay_item_wrap .shippay_checkmark { display:none; width:23px; height:18px; background-image:url('../gfx/checkmark.png'); background-repeat:no-repeat; position:absolute; right:10px; top:16px; }

+.shippay_wrap .shippay_active .shippay_checkmark { display:block; }

+.shippay_wrap .wpsg_payship_logo { margin-top:-5px; padding-bottom:10px; }

+.wpsg_checkout2 .wpsg_mandatoryfield_hint { margin-top:1rem; }

+.wpsg_checkout2 .wpsg_overviewbutton { float:right; }

+.wpsg_checkout2 .wpsg_checkoutbutton { float:left; }

+

+/* Overview */

+.wpsg_overview .wpsg_agb { width:100%; clear:both; margin-bottom:2px; }

+.wpsg_overview .wpsg_agb label { line-height:18px; }

+.wpsg_overview .wpsg_agb input[type="checkbox"] { width:auto; /*margin-top:10px; margin-right:10px;*/ }

+.wpsg_overview .shippayment { margin-top:1rem; float:right; width:45%; }

+.wpsg_overview .anschrift { margin-top:1rem; float:left; width:55%; }

+.wpsg_overview .subtitle { font-weight:bold; margin-bottom:0.5rem; }

+.wpsg_overview .wpsg_orderbutton { float:right; }

+.wpsg_overview .wpsg_table_wrap { background-color:#EAEAEA; margin:10px -10px 10px -10px; padding:10px; }

+.wpsg_overview .wpsg_table_wrap table { width:100%; }

+.wpsg_overview .wpsg_table_wrap td, .wpsg_overview .wpsg_table_wrap th { }

+.wpsg_overview .wpsg_table_wrap .wpsg_cell_menge { width:100px; text-align:center; }

+.wpsg_overview .wpsg_table_wrap .wpsg_cell_mwst { width:100px; text-align:center; }

+.wpsg_overview .wpsg_table_wrap .wpsg_cell_preis { text-align:right; }

+.wpsg_overview .wpsg_table_wrap .wpsg_cell_gesamtpreis { text-align:right; }

+.wpsg_overview .wpsg_table_wrap .wpsg_cell_summe_value { text-align:right; }

+.wpsg_overview .wpsg_table_wrap .wpsg_cell_shipping_value { text-align:right; }

+.wpsg_overview .wpsg_table_wrap .wpsg_cell_payment_value { text-align:right; }

+.wpsg_overview .wpsg_table_wrap .wpsg_cell_gesamt_value { text-align:right; font-weight:bold; }

+.wpsg_overview .wpsg_table_wrap .wpsg_cell_mwst_value { text-align:right; }

+.wpsg_overview .wpsg_overview_productimage { display:inline; padding-right:0.2rem; vertical-align:baseline; }

+.wpsg_overview .wpsg_cell_weight_value { text-align:right; }

+.wpsg_overview .wpsg_cell_deliverytime_value { text-align:right; }

+

+/* Bestellvariablen */

+.wpsg_checkout .wpsg_mod_ordervars_field { display:inline; }

+

+/* Produktvariablen */

+.wpsg_basket .wpsg_basket_productvars input[type="text"], .wpsg_basket .wpsg_basket_productvars select { width:100%; }

+

+/* Profilseite */

+.wpsg_profil .wpsg_pwdvergessen_link { line-height:30px; }

+.wpsg_profil .wpsg_mod_kundenverwaltung_login, .wpsg_checkout .wpsg_mod_kundenverwaltung_login { float:right; }

+.wpsg_profil .wpsg_saveButton { float:right; }

+

+/* Produktattribute */

+.wpsg_cell_produktattribute_value { text-align:right; }

+

+/* Bestellansicht */

+.wpsg_mod_kundenverwaltung_order .wpsg_mod_kundenverwaltung_producttable { margin-top:1rem; margin-bottom:2rem; }

+

+/* Trusted Shops Integration */

+.wpsg_checkout label[for="wpsg_mod_trustedshops_set"] { margin:1rem 0 1rem 0; display:block; }

+

+/* Bankeinzug */

+.wpsg_mod_autodebit .wpsg_mod_autodebit_field { clear:both; }

+.wpsg_mod_autodebit label { width:100%; line-height:36px; }

+.wpsg_mod_autodebit input { float:right; margin-bottom:3px; }

+

+/* Versandadresse */ 

+.wpsg_checkout .wpsg_mod_shippingadress { margin-bottom:1rem; }

+

+/* Produkttemplate */

+.wpsg_produkt_wrapper { margin:5px -10px 5px -10px; padding:10px; width:100%; line-height:1.5em; box-sizing:content-box; }

+.wpsg_produkt_wrapper .wpsg_produkt_produktbilder { float:left; margin-right:1rem; margin-bottom:1rem; }

+.wpsg_produkt_wrapper .wpsg_product_afterimage { }

+.wpsg_produkt_wrapper .wpsg_product_afterimage .wpsg_producttitle { clear:none; }

+.wpsg_produkt_wrapper .wpsg_add_basket { margin:1rem 0; float:right; }

+.wpsg_produkt_wrapper .wpsg_produkt_add_basket_wrapper { clear:both; float:left; margin:1rem 0 0 0; }

+.wpsg_produkt_wrapper .wpsg_label { display:inline; }

+.wpsg_produkt_wrapper .wpsg_value { display:inline; }

+.wpsg_produkt_wrapper .wpsg_preis_prediscount { text-decoration: line-through; }

+.wpsg_produkt_wrapper .wpsg_menge { width:auto; }

+.wpsg_productform { position:relative; }

+.wpsg_productform .wpsg_product_layer { z-index:1000; background-color:rgba(125, 125, 125, 0.5); position:absolute; left:-10px; top:-10px; width:100%; height:100%; padding:20px; }

+.wpsg_productform .wpsg_product_layer img { position:absolute; left:50%; top:50%;  margin-left:-8px; margin-top:-5.5px; }

+

+/* Ajax Meldung über das Produkttemplate */

+#wpsg_basket_ajax_message { z-index:2000; position:absolute; top:55px; width:100%; position:fixed; }

+#wpsg_basket_ajax_message .wpsg_basket_ajax_message_content { 

+	width:800px; margin:auto; background-color:white; padding:25px; text-align:center; 

+	-webkit-border-radius:15px; 

+	-moz-border-radius:15px;

+	border-radius:15px;  

+}

+#wpsg_basket_ajax_layer { z-index:199; position:absolute; left:0px; top:0px; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.75); position:fixed; }

+#wpsg_basket_ajax_message .wpsg_basket_ajax_message_content_success { color:green; }

+#wpsg_basket_ajax_message .wpsg_button_continue_shopping { float:left; }

+#wpsg_basket_ajax_message .wpsg_button_basket { float:right; }

+#wpsg_basket_ajax_message .wpsg_button_wrap { margin-top:4rem; }

+

+/* Varianten */

+.wpsg_produkt_wrapper .wpsg_vp_field { clear:both; margin-bottom:1rem; }

+.wpsg_produkt_wrapper .wpsg_vp_field_image { clear:both; display:block; }

+.wpsg_produkt_wrapper .wpsg_vp_field_typ_radio label { clear: both; float: left; }

+.wpsg_overview .wpsg_mod_varianten_value { text-align:right; }

+.wpsg_mod_varianten_imageselect {}

+.wpsg_mod_varianten_imageselect .image { padding:10px; display:inline-block; }

+.wpsg_mod_varianten_imageselect .akt { padding:5px; border:5px solid #C5C5C5; }

+.wpsg_mod_varianten_imageselect a { text-decoration:none; }

+

+/* Warenkorbwidget */

+.wpsg_basket_widget { }

+.wpsg_basket_widget table { width:100%; }

+.wpsg_basket_widget table td { line-height:1.25rem; }

+.wpsg_basket_widget table .wpsg_cell_name { padding-left:0.2rem; }

+.wpsg_basket_widget table .wpsg_cell_amount { text-align:right; padding-right:0.2rem; }

+.wpsg_basket_widget table .wpsg_row_summary .wpsg_cell_amount { font-weight:bold; }

+

+/* Modul Gutscheine */

+.wpsg_basket .wpsg_cell_gutschein  { vertical-align:middle; }

+.wpsg_basket .wpsg_cell_gutschein input[type="submit"] { float:right; }

+.wpsg_basket .wpsg_cell_gutschein input[type="text"] { float:right; margin-top:2px; margin-right:10px; vertical-align:baseline; }

+.wpsg_basket .wpsg_cell_gutschein label { line-height:35px; }

+

+/* Modul Kundenverwaltung */

+.wpsg_mod_kundenverwaltung_widget input[type="text"], .wpsg_mod_kundenverwaltung_widget input[type="password"] { width:100%; margin-bottom:0.5rem; }

+.wpsg_mod_kundenverwaltung_widget input[type="submit"] { float:right; }

+

+/* Modul wirecard */

+.wpsg_mod_wirecard_paymentType { width:50%; float:right; }

+#wpsg_mod_wirecard_iframe { width:100%; height:700px; }

+

+/* Modul Bestellbedingungen */

+.wpsg_mod_ordercondition_hint { padding-left:18px; max-height:60px; overflow-y:scroll; }

+

+/* Modul Micropayment */

+.micropayment_card .card { border-radius:5px; background-color:#999999; margin-bottom:1rem; height:200px; width:400px; position:relative; }

+.micropayment_card .front .number input { width:370px; position:absolute; bottom:50px; left:15px; box-sizing:border-box; }

+.micropayment_card .front .name { position:absolute; left:25px; bottom:20px; color:#FFFFFF; text-shadow: 1px 1px 0px #202020, -1px -1px 0px #606060; letter-spacing:2px; }

+.micropayment_card .front .validthrough { position:absolute; right:135px; bottom:20px; color:#FFFFFF; text-shadow: 1px 1px 0px #202020, -1px -1px 0px #606060; letter-spacing:2px; }

+.micropayment_card .front .valid { position:absolute; right:15px; bottom:20px; }

+.micropayment_card .front .chip { left:25px; top:50px; position:absolute; width:50px; height:44px; background-image:url('../mods/mod_micropayment/gfx/chip.png'); background-repeat:no-repeat; }

+.micropayment_card .card .bankname { position:absolute; left:15px; top:10px; }

+.micropayment_card .back .blackmagnetic { width:100%; height:40px; background-color:#000000; position:absolute; left:0px; top:55px; }

+.micropayment_card .back .number { position:absolute; text-align:right; right:5px; top:5px; }

+.micropayment_card .back .signature { position:absolute; left:15px; top:130px; width:250px; height:30px; background-color:#FFFFFF; text-align:center; line-height:30px; color:#333333; }

+.micropayment_card .back .sign input { position:absolute; left:300px; width:75px; text-align:center; line-height:25px; top:135px; border:0px; border-radius:0px; height:25px; padding:0px; }

+

+/* Customerquestion (Dialog Firmenkunde/Endkunde und Land) */

+#wpsg_calc_layer { overflow:auto; text-align:center; position:fixed; left:0px; top:0px; z-index:1000; width:100%; height:100%; background-color:rgba(125, 125, 125, 0.95); }

+#wpsg_calc_layer .content { padding:50px; position:absolute; left:50%; top:50%; width:640px; min-height:210px; margin-left:-320px; margin-top:-125px; }

+#wpsg_calc_layer .content img.loading { position:absolute; left:50%; top:50%; margin-left:-8px; margin-top:-5px; }

+#wpsg_calc_layer h2 { color:#000000; font-size:22px; font-weight:bold; line-height:28px; text-align:left; margin-bottom:25px; }

+#wpsg_calc_layer .customertype h2 { font-size:22px; font-weight:normal; width:150px; float:left; line-height:28px; }

+#wpsg_calc_layer #customerquestion_fk { width:175px; float:left; line-height:28px; }

+#wpsg_calc_layer #customerquestion_fk label { font-size:22px; font-weight:normal; line-height:28px; color:#000000; }

+#wpsg_calc_layer #customerquestion_ek { width:175px; float:left; line-height:28px; }

+#wpsg_calc_layer #customerquestion_ek label { font-size:22px; font-weight:normal; line-height:28px; color:#000000; }

+#wpsg_calc_layer .country { clear:both; margin-top:20px; }

+#wpsg_calc_layer .country h2 { font-size:22px; font-weight:normal; width:150px; float:left; line-height:28px; }

+#wpsg_calc_layer .country select { width:350px; font-size:22px; height:auto; float:left; }

+#wpsg_calc_layer input[type="radio"] { height:auto; margin-right:10px; }

+#wpsg_calc_layer .button_wrap { width:100%; clear:both; padding-top:20px; }

+#wpsg_calc_layer input[type="submit"] { float:right; padding-left:50px; padding-right:50px; }

+

+/* Modul CrefoPay */

+#wpsg_mod_crefopay_iframe { width:100%; border:0px; overflow-y:hidden; }

+

+/* Modul PayPal PLUS */

+.wrap_paypalapi_expressbutton { width:100%; padding-bottom:2rem; }

+.wrap_paypalapi_expressbutton img { float:right; }

+.wpsg_mod_paypalapi_button:hover, .wpsg_mod_paypalapi_button { display:inline; background:transparent; padding:0px; }

+.wpsg_mod_paypalapi_orderdone .wpsg_mod_paypalapi_field { clear:both; }

+.wpsg_mod_paypalapi_orderdone label { width:100%; line-height:36px; }

+.wpsg_mod_paypalapi_orderdone input[type="text"],

+.wpsg_mod_paypalapi_orderdone select { width:65%; line-height:36px; height:36px; float:right; margin-bottom:3px; box-sizing:border-box; padding:0px; text-indent:10px; }

+.wpsg_mod_paypalapi_orderdone input.wpsg_mod_paypalapi_vname { width:30%; margin-right:5%; }

+.wpsg_mod_paypalapi_orderdone input.wpsg_mod_paypalapi_name { width:30%; }

+.wpsg_mod_paypalapi_orderdone input[type="image"],

+.wpsg_mod_paypalapi_orderdone input[type="submit"] { float:right; }

+.wpsg_mod_paypalapi_orderdone select.wpsg_mod_paypalapi_month { width:30%; }

+.wpsg_mod_paypalapi_orderdone select.wpsg_mod_paypalapi_year { width:30%; }

+.wpsg_mod_paypalapi_orderdone .wpsg_mod_paypalapi_spacer { width:5%; float:right; text-align:center; }

+#wpsg_ppplus { width:100%; padding-right:10px; }

+.wpsg_done #wpsg_ppplus { width:100%; }

+.wpsg_mod_paypalapi_button { float:right; border:0px; cursor:pointer; }

+

+/* Modul Anfrageprodukte */

+.wpsg_mod_request_requestpage .wpsg_cell_action { width:30px; text-align:center; }

+.wpsg_mod_request_requestpage .wpsg_cell_amount { width:125px; }

+.wpsg_mod_request_requestpage .wpsg_cell_sumprice { text-align:right; width:200px; }

+.wpsg_mod_request_requestpage .wpsg_basket_productimage { float:left; margin-right:5px; }

+.wpsg_mod_request_requestpage .wpsg_cell_total_brutto,

+.wpsg_mod_request_requestpage .wpsg_cell_total_netto { text-align:right; }

+.wpsg_mod_request_requestpage .wpsg_checkout_typ_3 input { margin-right: 5px; width: auto; }

+.wpsg_mod_request_requestpage input[type="text"],

+.wpsg_mod_request_requestpage select { width:100%; height:30px; margin-top:5px; margin-bottom:5px;}

+.wpsg_mod_request_requestpage h2 { margin-top:2rem; margin-bottom:1rem; }

+.requestlist_ajax_wrap { padding-bottom:2rem; }

+

+/* Modul Zubehörprodukte */

+.wpsg_mod_relatedproducts_basket { margin-top:2rem; }

+

+/* Progress bar 

+.steps { list-style:none; margin:0; padding:10px 0; overflow:hidden; font-family:'inherit',sans-serif; font-size:1.5rem; width:100%; height:auto; line-height:20px; font-weight:bold; counter-reset:li; }

+.steps > a, .steps > p { float:left; margin:5px 0;}

+.steps a, .steps p { list-style-image:none; list-style-type:none; margin-left:0; text-align:center; color:#bbb; background:#f2f2f2; position:relative; margin-left:43px; border-bottom:medium none !important; }

+

+.steps a:after, .steps p:after { position:absolute; top:50%; left:100%; content:" "; height:0; width:0; border:solid transparent; border-left-color:#f2f2f2; border-width:19px; margin-top:-19px; }

+.steps a span:after, .steps p span:after { position:absolute; top:50%; right:100%; content:" "; height:0; width:0; border:solid #f2f2f2; border-left-color:transparent; border-width:19px; margin-top:-19px; }

+

+.steps a span, .steps p span { display:block; padding:9px 28px 9px 9px; }

+.steps a span:before, .steps p span:before { counter-increment:li; }

+

+.steps a.current, .steps p.current { color:#3a3a3a; background:#c9c9c9; }

+.steps a.current:after, .steps p.current:after { border-left-color:#c9c9c9; }

+.steps a.current span:after, .steps p.current span:after { border-color:#c9c9c9; border-left-color:transparent; }

+

+.steps a.step1, .steps p.step1 { z-index:9; }

+.steps a.step2, .steps p.step2 { z-index:8; }

+.steps a.step3, .steps p.step3 { z-index:7; }

+.steps a.step4, .steps p.step4 { z-index:6; }

+*/

+ 

+.wpsg_progress { padding:0px; margin:0px; width:100%; margin-bottom:100px; margin-top:30px; }

+.wpsg_progress:after { border:1px solid #C5C5C5; height:10px; background-color:#F2F2F2; box-sizing:border-box; display:block; width:100%; content:" "; }

+.wpsg_progress span.step { width:25%; display:block; float:left; list-style:none; position:relative; }

+.wpsg_progress span.step > .text { margin-top:30px; text-align:center; width:100%; display:block; }

+.wpsg_progress span.step > .dot { position:absolute; z-index:2; background-color:#C5C5C5; width:20px; height:20px; left:50%; top:0%; margin-left:-15px; margin-top:-5px; border-radius:10px; } 

+.wpsg_progress span.step:before { border:1px solid #C5C5C5; position:absolute; z-index:2; left:50%; margin-left:-20px; text-align:center; line-height:40px; background-color:#F2F2F2; content:" "; display:block; width:30px; height:30px; border-radius:25px; margin-top:-10px; } 

+.wpsg_progress span.step1:before { content:""; }

+.wpsg_progress span.step2:before { content:""; }

+.wpsg_progress span.step3:before { content:""; }

+.wpsg_progress span.step4:before { content:""; }

+.wpsg_progress span.current:before,

+.wpsg_progress span.done:before { background-color:#C9C9C9; }

+.wpsg_progress span.current > .dot,

+.wpsg_progress span.done > .dot {background-color:#F2F2F2; }

+.wpsg_progress span.current:after,

+.wpsg_progress span.done:after { content:" "; background-color:#C5C5C5; width:100%; height:10px; display:block; top:0px; position:absolute; }

+.wpsg_progress span.current:after { width:50%; }  

+  

+/* Modul "CrowdFunding" */

+.wpsg_mod_funding_progress .wpsg_mod_funding_state { border:1px solid #C5C5C5; margin-bottom:1rem; box-sizing:border-box; width:100%; height:25px; line-height:25px; }

+.wpsg_mod_funding_progress .wpsg_mod_funding_state > .bar {  width:90%; float:left; height:100%; display:table; }

+.wpsg_mod_funding_progress .wpsg_mod_funding_state > .bar > .value { background-color:#484C51; height:100%; width:0%; } 

+.wpsg_mod_funding_progress .wpsg_mod_funding_state > .value { width:10%; height:100%; border-left:1px solid #C5C5C5; float:right; text-align:center; }

+  

+@media screen and (max-width: 600px) {

+	

+	#wpsg_basket_ajax_message .wpsg_basket_ajax_message_content { width:80%; }

+	#wpsg_basket_ajax_message .wpsg_button_basket,

+	#wpsg_basket_ajax_message .wpsg_button_continue_shopping { width:100%; margin-top:2rem; }

+	.wpsg_progress span.step > .text { visibility:hidden; } 

+	

+}

+

+@media screen and (max-width: 400px) {

+

+	.wpsg .wpsg_button { padding-left:10px; padding-right:10px; }

+	

+	.wpsg_basket .wpsg_cell_gutschein label { width:100%; display:block; }

+	.wpsg_basket #wpsg_gutschein_input { float:left; }

+	

+}

+

diff --git a/views/css/tooltip.css b/views/css/tooltip.css
new file mode 100644
index 0000000..b379318
--- /dev/null
+++ b/views/css/tooltip.css
@@ -0,0 +1,121 @@
+/* TipTip CSS - Version 1.2 */

+

+

+

+#tiptip_holder {

+	display: none;

+	position: absolute;

+	top: 0;

+	left: 0;

+	z-index: 9999999999;

+	max-height:400px;

+	width:400px;

+	overflow-y:auto;

+	overflow-x:hidden;

+}

+

+#tiptip_holder.tip_top {

+	padding-bottom: 5px;

+}

+

+#tiptip_holder.tip_bottom {

+	padding-top: 5px;

+}

+

+#tiptip_holder.tip_right {

+	padding-left: 5px;

+}

+

+#tiptip_holder.tip_left {

+	padding-right: 5px;

+}

+

+#tiptip_content {	

+	font-size: 11px;

+	color: #fff;

+	text-shadow: 0 0 2px #000;

+	padding: 4px 8px;

+	border: 1px solid rgba(255,255,255,0.25);

+	background-color: rgb(25,25,25);

+	background-color: rgba(25,25,25,0.92);

+	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));

+	border-radius: 3px;

+	-webkit-border-radius: 3px;

+	-moz-border-radius: 3px;

+	box-shadow: 0 0 3px #555;

+	-webkit-box-shadow: 0 0 3px #555;

+	-moz-box-shadow: 0 0 3px #555;	 

+}

+

+#tiptip_arrow, #tiptip_arrow_inner {

+	position: absolute;

+	border-color: transparent;

+	border-style: solid;

+	border-width: 6px;

+	height: 0;

+	width: 0;

+}

+

+#tiptip_holder.tip_top #tiptip_arrow {

+	border-top-color: #fff;

+	border-top-color: rgba(255,255,255,0.35);

+}

+

+#tiptip_holder.tip_bottom #tiptip_arrow {

+	border-bottom-color: #fff;

+	border-bottom-color: rgba(255,255,255,0.35);

+}

+

+#tiptip_holder.tip_right #tiptip_arrow {

+	border-right-color: #fff;

+	border-right-color: rgba(255,255,255,0.35);

+}

+

+#tiptip_holder.tip_left #tiptip_arrow {

+	border-left-color: #fff;

+	border-left-color: rgba(255,255,255,0.35);

+}

+

+#tiptip_holder.tip_top #tiptip_arrow_inner {

+	margin-top: -7px;

+	margin-left: -6px;

+	border-top-color: rgb(25,25,25);

+	border-top-color: rgba(25,25,25,0.92);

+}

+

+#tiptip_holder.tip_bottom #tiptip_arrow_inner {

+	margin-top: -5px;

+	margin-left: -6px;

+	border-bottom-color: rgb(25,25,25);

+	border-bottom-color: rgba(25,25,25,0.92);

+}

+

+#tiptip_holder.tip_right #tiptip_arrow_inner {

+	margin-top: -6px;

+	margin-left: -5px;

+	border-right-color: rgb(25,25,25);

+	border-right-color: rgba(25,25,25,0.92);

+}

+

+#tiptip_holder.tip_left #tiptip_arrow_inner {

+	margin-top: -6px;

+	margin-left: -7px;

+	border-left-color: rgb(25,25,25);

+	border-left-color: rgba(25,25,25,0.92);

+}

+

+/* Webkit Hacks  */

+@media screen and (-webkit-min-device-pixel-ratio:0) {	

+	#tiptip_content {

+		padding: 4px 8px 5px 8px;

+		background-color: rgba(45,45,45,0.88);

+	}

+	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 

+		border-bottom-color: rgba(45,45,45,0.88);

+	}

+	#tiptip_holder.tip_top #tiptip_arrow_inner { 

+		border-top-color: rgba(20,20,20,0.92);

+	}

+}

+

+.info_icon { cursor:pointer; }
\ No newline at end of file
diff --git a/views/css/validationEngine.jquery.css b/views/css/validationEngine.jquery.css
new file mode 100644
index 0000000..63e2277
--- /dev/null
+++ b/views/css/validationEngine.jquery.css
@@ -0,0 +1,247 @@
+
+/* Z-INDEX */
+.formError { z-index: 990; }
+.formError .formErrorContent { z-index: 991; }
+.formError .formErrorArrow { z-index: 996; }
+    
+.formErrorInsideDialog.formError { z-index: 5000; }
+.formErrorInsideDialog.formError .formErrorContent { z-index: 5001; }
+.formErrorInsideDialog.formError .formErrorArrow { z-index: 5006; }
+
+.inputContainer {
+	position: relative;
+	float: left;
+}
+
+.formError {
+	position: absolute;
+	top: 300px;
+	left: 300px;
+	display: block;
+	cursor: pointer;
+}
+
+.ajaxSubmit {
+	padding: 20px;
+	background: #55ea55;
+	border: 1px solid #999;
+	display: none
+}
+
+.formError .formErrorContent {
+	width: 100%;
+	background: #FF0000;
+	color: #000000;
+	position:relative;
+	width: 250px;
+	font-size: 11px;
+	border: 1px solid #EEEEEE;
+	box-shadow: 0 0 2px #666666;
+	-moz-box-shadow: 0 0 2px #666666;
+	-webkit-box-shadow: 0 0 2px #666666;
+	padding: 4px 10px 3px 10px;
+	border-radius: 6px;
+	-moz-border-radius: 6px;
+	-webkit-border-radius: 6px;
+	font-family:arial, verdana, sans-serif !important;
+}
+
+.greenPopup .formErrorContent {
+	background: #33be40;
+}
+
+.blackPopup .formErrorContent {
+	background: #393939;
+	color: #FFFFFF;
+}
+
+.formError .formErrorArrow {
+	width: 15px;
+	margin: -2px 0 0 13px;
+	position:relative;
+}
+
+.formError .formErrorArrowLeft {
+	width: 15px;
+	margin: -25px 0 0 -13px;
+	position:relative;
+	z-index:1000;
+}
+
+body[dir='rtl'] .formError .formErrorArrow,
+body.rtl .formError .formErrorArrow {
+	margin: -2px 13px 0 0;
+}
+
+body[dir='rtl'] .formError .formErrorArrowLeft,
+body.rtl .formError .formErrorArrow {
+	margin: -2px 13px 0 0;
+}
+
+.formError .formErrorArrowBottom {
+	box-shadow: none;
+	-moz-box-shadow: none;
+	-webkit-box-shadow: none;
+	margin: 0px 0 0 12px;
+	top:2px;
+}
+
+.formError .formErrorArrow div {
+	border-left: 2px solid #CCCCCC;
+	border-right: 2px solid #CCCCCC;
+	/*box-shadow: 0 2px 3px #444;
+	-moz-box-shadow: 2px 0px 3px #444;
+	-webkit-box-shadow: 2px 0px 3px #444;*/
+	font-size: 0px;
+	height: 1px;
+	background: #EEEEEE;
+	margin: 0 auto;
+	line-height: 0;
+	font-size: 0;
+	display: block;
+}
+
+.formError .formErrorArrowLeft div {
+	border-top: 1px solid #CCCCCC;
+	border-bottom: 1px solid #CCCCCC;
+	/*box-shadow: 0 2px 3px #CCCCCC;
+	-moz-box-shadow: 0 2px 3px #CCCCCC;
+	-webkit-box-shadow: 0 2px 3px #CCCCCC;*/
+	font-size: 0px;
+	float:right;
+	width: 1px;
+	background: #FF0000;
+	margin: 0 auto;
+	line-height: 0;
+	font-size: 0;
+	display: block;
+}
+
+.formError .formErrorArrowBottom div {
+	box-shadow: none;
+	-moz-box-shadow: none;
+	-webkit-box-shadow: none;
+}
+
+.greenPopup .formErrorArrow div {
+	background: #33be40;
+}
+
+.blackPopup .formErrorArrow div {
+	background: #393939;
+	color: #FFF;
+}
+
+.formError .formErrorArrow .line10 {
+	width: 15px;
+	border: none;
+}
+
+.formError .formErrorArrow .line9 {
+	width: 13px;
+	border: none;
+}
+
+.formError .formErrorArrow .line8 {
+	width: 11px;
+}
+
+.formError .formErrorArrow .line7 {
+	width: 9px;
+}
+
+.formError .formErrorArrow .line6 {
+	width: 7px;
+}
+
+.formError .formErrorArrow .line5 {
+	width: 5px;
+}
+
+.formError .formErrorArrow .line4 {
+	width: 3px;
+}
+
+.formError .formErrorArrow .line3 {
+	width: 1px;
+	border-left: 2px solid #CCCCCC;
+	border-right: 2px solid #CCCCCC;
+	border-bottom: 0 solid #CCCCCC;
+}
+
+.formError .formErrorArrow .line2 {
+	width: 3px;
+	border: none;
+	background: #FFFFFF;
+	z-index:2;
+	position:relative;
+}
+
+.formError .formErrorArrow .line1 {
+	width: 1px;
+	border: none;
+	background: #FFFFFF;
+	z-index:3;
+	position:relative;
+}
+
+.formError .formErrorArrowLeft .line10 {
+	height: 19px;
+	border: none;
+	margin-top:1px;
+}
+
+.formError .formErrorArrowLeft .line9 {
+	height: 17px;
+	border: none;
+	margin-top:2px;
+}
+
+.formError .formErrorArrowLeft .line8 {
+	height: 15px;
+	margin-top:2px;
+}
+
+.formError .formErrorArrowLeft .line7 {
+	height: 13px;
+	margin-top:3px;
+}
+
+.formError .formErrorArrowLeft .line6 {
+	height: 11px;
+	margin-top:4px;
+}
+
+.formError .formErrorArrowLeft .line5 {
+	height: 9px;
+	margin-top:5px;
+}
+
+.formError .formErrorArrowLeft .line4 {
+	height: 7px;
+	margin-top:6px;
+}
+
+.formError .formErrorArrowLeft .line3 {
+	height: 5px;
+
+	margin-top:7px;
+}
+
+.formError .formErrorArrowLeft .line2 {
+	height: 3px;
+	margin-top:8px;
+}
+
+.formError .formErrorArrowLeft .line1 {
+	height: 1px;
+	background: #CCCCCC;
+	margin-top:9px;
+}
+
+.formError .formErrorArrowLeft .line0 {
+	height: 1px;
+	border:0 none;
+	background: #CCCCCC;
+	margin-top:10px;
+}
\ No newline at end of file