/*
 * Automatically created by CMSimple_XH. DO NOT MODIFY!
 * calendar,fa,fhs_adminmenu,filebrowser,flexslider,hi_updatecheck,jquery,meta_tags,pagemanager,page_params,pictures,slideshow,tinymce4,xhshop
 */


/****************************************************** ./assets/css/core.css */




/************************************** ./plugins/calendar/css/stylesheet.css */

.calendar_main {
    text-align: center;
    border-collapse: separate;
    width:100%;
}
/*Calendar headline*/
.calendar_monthyear {
    text-align: center;
}
.calendar_monthyear a {
    text-decoration: none;
}

/*Calendar subheading line with daynames*/
.calendar_daynames {}

/*Calendar days display*/
.calendar_main th, .calendar_main td { /*for all days*/
    width:14%;
}
.calendar_day {} /*normal day*/
.calendar_we { /*weekend days*/
    font-style: italic;
}
.calendar_noday {} /*beginning and end fields without digits*/
.calendar_today {
    font-weight: bold;
}
.calendar_eventday a, .calendar_today a {}

.calendar_loading {
    visibility: hidden;
}

/* ===================== Display of event list ===================== */
.calendar_eventlist {
    width: 100%;
}
.calendar_eventlist th, .calendar_eventlist td {
    border: 0.5px solid;
}
/* Display of introductory
   text-line in events list */
.period_of_events {}
.period_of_events span {}

/*Start event list*/
.event_monthyear {} /*Heading with month and year*/
.past_event {}
.event_data_row td {} /*definition here take precedence over definitions in fields*/
.birthday_data_row td {}

.event_data {} /*this is for all data fields*/
.event_date {} /*this is the date field*/
.event_time {} /*this is the time field*/
.event_summary {} /*this is the summary field*/
.event_location {} /*this is the location field*/
.event_link {}/*this is the link field*/

/*sub heading (=event_heading_row) should be put after event data
as the sub heading fields have double classes
and the last data takes effect. (The subheading
should not take the background-color of the events,
but it should take the same width.) */

.event_heading_row td {} /*sub heading*/
.event_heading {}


/* ===================== For display of next event only, with marquee-funktion, does not validate! ===================== */

.nextevent_date {
    text-align: center;
}
.calendar_marquee_outer {
    overflow: hidden;
}
.calendar_marquee {
    width: 100%;
    text-align: center;
    animation: calendar_marquee 15s linear infinite;
}
@keyframes calendar_marquee {
    0%   { transform: translateY(+150%); }
    100% { transform: translateY(-250%); }
}
.nextevent_event {}
.nextevent_location {}

/* backend edit events */
.calendar_overview tr {
    border: 1px solid;
}

.calendar_input {}
.calendar_input button {}
.calendar_input > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.calendar_input > div > div {
    align-self: flex-end;
}
.calendar_input > div:first-child, .calendar_input > div:last-child {}
.calendar_input input {
    display: block;
}
.calendar_input_event {} /*controls also location etc*/



/******************************************** ./plugins/fa/css/stylesheet.css */

.fa_logo {
    float: left;
    margin-right: 1.5em;
    margin-bottom: 0.5em;
}
.fa_license {
    text-align: justify;
}



/********************************* ./plugins/fhs_adminmenu/css/stylesheet.css */

/*** 
dark-stylesheet.css
light-stylesheet.css
***/

/* FA required modal */
#fa-required {
    background-size: contain;
    background: rgba(0,0,0,.75);
    visibility: hidden;
    display: table;
    height: 100vh;
    width: 100%;
    margin: 0 !important;
    text-align:center;
    z-index: 1000;
    position: absolute;
    left: 0px;
    top: 0px;
}
#fa-required div {
    color: #fff;
    display: table-cell;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
}
#fa-required div p {
    color: #333;
    text-align: center;
    padding: 2em;
    background: #fd0;
    display: inline-block;
    line-height: 1.5em;
}
#fa-required div p a {
    color: #F30;
    font-size: 1.3em;
    text-decoration: none;
}



/*********************************** ./plugins/filebrowser/css/stylesheet.css */

#xhFilebrowser, #xhFilebrowserMenu {
background: #fff;
min-width: 440px;
color: #333;
border: 1px solid #999999;
margin: 1px 0;
overflow: auto;
padding: 8px 16px;
font-family: arial, sans-serif;
font-size: 14px;
}

#xhFilebrowserMenu {
font-weight: 700;
}


/* FILEBROWSER MENU */

#xhFilebrowser {
font-family: arial, sans-serif;
font-size: 14px;
font-weight: 900;

}

#xhFilebrowser  fieldset, #xhFilebrowserMenu  fieldset {
margin: 5px;
display:none;
}

#xhFilebrowser fieldset legend, #xhFilebrowserMenu fieldset legend {
   font-weight: bold;
}


/* FILEBROWSER LISTS */

span.xhfb_files {
font-weight: 700;
color: #900;
}

p.xhfb_files {
font-weight: 700;
padding: 0;
}

#xhFilebrowser ul, #xhFilebrowserMenu ul {
list-style-image: none;
list-style-position:inside;
padding: 0;
margin: auto;
}

#xhFilebrowser ul.unseen, #xhFilebrowserMenu ul.unseen{
display: none;
}

#xhFilebrowser li.openFolder, #xhFilebrowserMenu li.openFolder {
list-style-image:url(../../plugins/filebrowser/css/icons/folder.png);
padding: 2px 0 2px 5px;
margin: 0 0 0 0;
line-height: 1em;
font-size: 14px;
font-weight: 900;
}

#xhFilebrowser li.folder, #xhFilebrowserMenu li.folder{
list-style-image:url(../../plugins/filebrowser/css/icons/folder.png);
padding: 2px 0 2px 5px;
margin: 0 0 0 0;
line-height: 1em;
font-size: 13px;
font-weight: 300;
}


#xhFilebrowser li.openFolder ul, #xhFilebrowserMenu li.openFolder ul {margin-left: 20px;}


/* FILEBROWSER FOLDERS */

#xhFilebrowser #filebrowser_folders {
    float: left;
    width: 40%;
    overflow: auto;

}

#filebrowser_subfolders {
    padding: 0 0 10px 0;
}

#filebrowser_subfolders li {
    font-size: 13px;
    font-weight: 900;
}


/* FILEBROWSER FILES */

#filebrowser_files {
    font-weight: 300;
    padding: 0 0 0 30px;
    margin-bottom: 20px;
}

#filebrowser_files li {
    list-style-type: none;
    font-size: 13px;
    padding: 2px 0;
    margin: 0;
}

#filebrowser_files li:hover {
   background-color: #ccc;
}

#filebrowser_files li.odd {}

#filebrowser_files ul, #filebrowser_files ul li {
    margin-left: 0em;
    padding-left: 0em;
}

#xhFilebrowser a { color: #333;}
a.xhfbfile, span.xhfbfile {padding: 0 2px 0 0; line-height: 1em;}
a.xhfbfile img, span.xhfbfile img {border: none; margin: 6px;}
a.xhfbfile span, span.xhfbfile span {display: none;}
a.xhfbfile:hover span, #filebrowser_files ul li:hover a.xhfbfile span,
span.xhfbfile:hover span, #filebrowser_files ul li:hover span.xhfbfile span {
    display: block;
    float: right;
    border: #aaa 1px solid;
    padding: 2px;
    background-color: #ddd;
}
a.xhfbfile:hover, span.xhfbfile:hover {
    background-color: #ccc;
    cursor:pointer;
}
#xhFilebrowser div {
    font-family: arial, sans-serif;
    padding: 0px;
    margin: 0px;
}


#filebrowser_subfolders  fieldset legend {}

#xhFilebrowser a:link {color: #222; text-decoration: none; font-style: normal;}
#xhFilebrowser a:visited {color: #222; text-decoration: none; font-style: normal;}
#xhFilebrowser a:hover {color: #c60; text-decoration: none;}
#xhFilebrowser a:active {color: #c60; text-decoration: none;}
#xhFilebrowser a:focus {color: #c60; text-decoration: none;}

#xhFilebrowser li.openFolder a:link {color: #920; text-decoration: none; font-style: normal;}
#xhFilebrowser li.openFolder a:visited {color: #920; text-decoration: none; font-style: normal;}
#xhFilebrowser li.openFolder a:hover {color: #c60; text-decoration: none;}
#xhFilebrowser li.openFolder a:active {color: #c60; text-decoration: none;}
#xhFilebrowser li.openFolder a:focus {color: #c60; text-decoration: none;}

#xhFilebrowser li.folder a:link {color: #222; text-decoration: none; font-style: normal;}
#xhFilebrowser li.folder a:visited {color: #222; text-decoration: none; font-style: normal;}
#xhFilebrowser li.folder a:hover {color: #c60; text-decoration: none;}
#xhFilebrowser li.folder a:active {color: #c60; text-decoration: none;}
#xhFilebrowser li.folder a:focus {color: #c60; text-decoration: none;}

#xhFilebrowserMenu a:link {color: #222; text-decoration: none; font-style: normal;}
#xhFilebrowserMenu a:visited {color: #222; text-decoration: none; font-style: normal;}
#xhFilebrowserMenu a:hover {color: #c60; text-decoration: none;}
#xhFilebrowserMenu a:active {color: #c60; text-decoration: none;}
#xhFilebrowserMenu a:focus {color: #c60; text-decoration: none;}


/************************************ ./plugins/flexslider/css/stylesheet.css */

/* simpler vertical control; to use, uncomment the following*/
/*
body .flex-direction-nav a  { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3);  }
body .flex-direction-nav .flex-prev { left: 0; }
body .flex-direction-nav .flex-next { right: 0; text-align: right; }
body .flexslider:hover .flex-prev { opacity: 0.7; left: 0px; }
body .flexslider:hover .flex-next { opacity: 0.7; right: 0px; }
*/

body .flex-direction-nav a {
  overflow: visible;
}
body .flex-direction-nav a:before {
  font-size: 2em;
}

body .flexslider:hover .flex-direction-nav .flex-next:hover:before,
body .flexslider:hover .flex-direction-nav .flex-prev:hover:before{
  color: red;
}

/* bugfix, see https://github.com/woocommerce/FlexSlider/issues/1491 */
body .flexslider {
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

/* Reset so that template css will not interfere with flexslider*/
body .flexslider ul,
body .flexslider ul.slides,
body .flexslider ul.slides li {
    margin: 0;
    padding:0;
}
body .flexslider ul.flex-direction-nav li {
   list-style-type: none;
}
body .flexslider ul.slides li img {
    margin:0;
}
body .flexslider ul.slides li:before{
    content:"" !important;
    content:none !important;
}
body .flexslider ul.slides li div.flex-text ul > li {
    overflow-y:visible;
}

/*==================================*/
/* Setting for text only slides     */
body .flexslider ul.slides li div.flex-text {
    margin:10% 15% 0;
    border:.5em solid #eee;
    padding:1em 1em 0;
    border-radius:.5em;
}
body .flexslider ul.slides li div.flex-text h1,
body .flexslider ul.slides li div.flex-text h2,
body .flexslider ul.slides li div.flex-text h3,
body .flexslider ul.slides li div.flex-text h4,
body .flexslider ul.slides li div.flex-text h5,
body .flexslider ul.slides li div.flex-text h6 {
    margin-top:0;
}
body .flexslider ul.slides li div.flex-text ul {
    list-style:square outside none;
}
body .flexslider ul.slides li div.flex-text ul,
body .flexslider ul.slides li div.flex-text ol {
    margin:1em 0;
    padding-left:1.75em;
}
body .flexslider ul.slides li div.flex-text ul ul,
body .flexslider ul.slides li div.flex-text ul ol,
body .flexslider ul.slides li div.flex-text ol ol,
body .flexslider ul.slides li div.flex-text ol ul {
    margin:0;
}


/* Settings for image text */
body .flexslider ul.slides li p.flex-caption {
    width: 100%;
    padding: 2px 0;
    margin:0;
    display:inline-block;
    text-align:center;
}
body .flexslider ul.slides li p.flex-normal {
}
body .flexslider ul.slides li p.flex-inverted {
    letter-spacing:1px;
    font-size:1em;
    color:white;
    font-weight:bold;
    background:#777;
    text-shadow: 2px 2px 6px  #000;
}
/* This setting is for overlay text */
body .flexslider .slides>li {
    position: relative
}
body .flexslider ul.slides li p.flex-overlay {
    width: 96%;
    padding: 2%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,.3);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.3);
    font-weight:bold;
    letter-spacing:1px;
}
body .flexslider ul.slides li p.flex-overlay2 {
    width: 96%;
    padding: 0 2%;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #000;
    text-shadow: 1px 1px 4px rgba(255,255,255,.7), -1px -1px 4px  rgba(255,255,255,.7), 1px -1px  4px rgba(255,255,255,.7), -1px 1px  4px rgba(255,255,255,.7), 1px 1px 4px  rgba(255,255,255,.7), -1px -1px 4px  rgba(255,255,255,.7), 1px -1px  4px rgba(255,255,255,.7), -1px 1px  4px rgba(255,255,255,.7);
    font-weight:bold;
    letter-spacing:1px;
}
body .flexslider ul.slides li p.flex-overlay3 {
    position: absolute;
    left: 0;
    bottom: 15%;
    background: rgba(0,0,0,.3);  
    color: #fff;
    font:bold 60px sans-serif;
    padding:2%;
    width:50%;
    text-align:center;
    overflow-y: hidden;
}
@media (max-width: 979px) {
    body .flexslider ul.slides li p.flex-overlay3 {
     font-size: 6vmin;
    }
}

body .flexslider ul.slides li a:hover p {
    text-decoration: underline;
}
body a:hover p.flex-inverted {
    background:#f77;
}


/* Navigation for static "slider" */
body .extradirnav {
    font-size:1.4em;
}
body .extradirnav a {
    text-decoration:none;
    color:#555;
    font-family: "flexslider-icon" !important;
}
body .extradirnav a:hover {
    color:red;
}
body .flexfullsize {
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:10000;
    background:rgba(0,0,0,.7);
}
body input.flexfullsizebutton {
    vertical-align:sub;
    width:20px;
    height:20px;
    position:relative;
    z-index:0;
}
body input.flexfullsizebutton:hover {
    background:#fbb;
}
body .flexfullsize .flexslider ul.slides li p.flex-normal {
    position: absolute;
    bottom: 0;
    background:white;
}
body .flexfullsize .flexslider ul.slides li p.flex-inverted {
    position: absolute;
    left: 0;
    bottom: 0;
}



/******************************** ./plugins/hi_updatecheck/css/stylesheet.css */

#upd_list_container {
    max-width: 500px;
}
.upd_container {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
}

.upd_container p {
    margin: 5px 0;
}

hr.upd_list {
    background-color: #999999;
    border: 0 none;
    clear: both;
    color: #999999;
    height: 1px;
}

/*** Messageboxes ***/
.upd_info, .upd_success, .upd_warning, .upd_error {
    min-width: 220px;
    max-width: 440px;
    display: inline-block;
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    /*background-position: 10px center;*/
    background-position: 10px 10px;
    -moz-border-radius:4px; /* Firefox */
    -webkit-border-radius:4px; /* Safari, Chrome */
    -khtml-border-radius:4px; /* Konqueror */
    border-radius:4px; /* CSS3 */
}
.upd_info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../../plugins/hi_updatecheck/css/../images/info.png');
}
.upd_success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../../plugins/hi_updatecheck/css/../images/success.png');
}
.upd_warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../../plugins/hi_updatecheck/css/../images/warning.png');
}
.upd_error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../../plugins/hi_updatecheck/css/../images/error.png');
}

/*** Messages-List ***/

ul.upd_list {
	margin: 0;
	padding: 0;
    max-width: 600px;
    list-style: none;
    border-top: 1px solid #999;
}

ul.upd_list li {
    border-bottom: 1px solid #999;
    padding: 0;
    margin: 0 0 0 0px;
}

.upd_info_list, .upd_success_list, .upd_warning_list, .upd_error_list, .upd_noinfo_list {
    margin: 0;
    padding:15px 10px 15px 50px;
    border: 0px solid;
    background-repeat: no-repeat;
    background-position: 10px 10px;
    /*background-position: 10px center;*/
}
.upd_info_list {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../../plugins/hi_updatecheck/css/../images/info.png');
}
.upd_success_list {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../../plugins/hi_updatecheck/css/../images/success.png');
}
.upd_warning_list {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../../plugins/hi_updatecheck/css/../images/warning.png');
}
.upd_error_list {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../../plugins/hi_updatecheck/css/../images/error.png');
}
.upd_noinfo_list {
    color: #999;
    border: 0px solid #CCC;
    background-color: #FFF;
    background-image: url('../../plugins/hi_updatecheck/css/../images/warning_grey.png');
}
p.upd_license {
    text-align: justify;
}
img.upd_plugin_icon {display: block; float: left; margin: 0 20px 0 0}

/* Editmenu-Notification */

#editmenu_update, #xh_adminmenu_update {
    display: none;
}

li#editmenu_update, li#xh_adminmenu_update {
    padding: 4px 0;
    width: 44px;
}

#editmenu_update img, #xh_adminmenu_update img {
    border: 0 none;
}

/* Fix for older (splitted) editmenu */
#edit_menu {
    width: auto;
}


/************************************* ./plugins/meta_tags/css/stylesheet.css */

#meta_tags hr {
	margin:6px 0;
	visibility:hidden;
}


/*********************************** ./plugins/pagemanager/css/stylesheet.css */

/*
 * Treeview
 */

#pagemanager {
    border: 1px solid #999;
    padding: 16px;
    margin: 1px 0;
    /* the following lines enable a scrollable treeview; adjust the height to your needs */
    height: 400px;
    overflow: scroll !important;
}

#pagemanager.pagemanager_vertical {
    margin-left: 27px;
}

/*
 * Toolbar
 */

#pagemanager_toolbar {
    text-align: center;
}
#pagemanager_toolbar button {
    margin: 0.7em 0.3em 0.7em 0.3em;
    padding: 0.4em 0.6em 0.4em 0.6em;
}
#pagemanager_toolbar button span {
    display: inline-block;
}
#pagemanager_toolbar button[disabled] span {opacity: 0.3}
.pagemanager_tool_wrapper {
    position: relative;
    display: inline-block;
}
.pagemanager_tool_inner {
    position: absolute;
    display: none;
    z-index: 1;
}
#pagemanager_toolbar .pagemanager_tool_inner button {
    margin: 0;
    width: 100%;
}

/*
 * Context menu
 */

/* To have enough space for the whole context menu, if the template has a small footer */
#pagemanager_footer {
    height: 150px;
}

/*
 * Plugin info
 */

.pagemanager_logo {
    float: left;
    margin: 0 1em 0.5em 0;
}
.pagemanager_license {
    text-align: justify;
}



/*********************************** ./plugins/page_params/css/stylesheet.css */

#page_params hr {
	margin:8px 0;
}
#page_params input {
    width: auto;
}
#page_params img {
    margin:0;
}



/************************************** ./plugins/pictures/css/stylesheet.css */

/**
 * @file css/stylesheet.css
 * @brief Cotnaining backend and frontend style
 *
 * Pictures plugin css/stylesheet.css
 * 
 * @author David Stutz
 * @license GPLv3
 * @package pictures
 * @see http://sourceforge.net/projects/cmsimplepctrs/
 * 
 *  This file is part of the pictures plugin for CMSimple.
 *
 *  The plugin is free software: you can redistribute it and/or modify
 *  it under the terms of the GNU General Public License as published by
 *  the Free Software Foundation, either version 3 of the License, or
 *  (at your option) any later version.
 *
 *  The plugin is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 *  GNU General Public License for more details.
 *
 *  @see <http://www.gnu.org/licenses/>.
 */
 /*
 * Frontend style.
 */
/* Pictures frontend div. */
.pictures-frontent {
	
}

/* Table driver. */
.pictures-frontend .pictures-table-driver td{
	padding: 5px;
}

.pictures-frontend .pictures-table-driver td a img{
	padding: 4px;
	border: 1px solid #777777;
}

.pictures-frontend .pictures-table-driver td a img:hover {
	
}

/* List driver. */
.pictures-frontend .pictures-list-driver {
	
}

/* Coinslider driver. */
.pictures-frontend .pictures-coinslider-driver {
	margin: auto;
}

.pictures-frontend .pictures-coinslider-driver a{
	
}

/* Bxslider driver. */
/* Important: No marign and padding on bxslider ul and li. */
.pictures-frontend .pictures-bxslider-driver {
	
}

/* Main window containing the ul (not the controls and pager). */
.pictures-frontend .pictures-bxslider-driver .bx-window {
	
}

/* Main li. */
.pictures-frontend .pictures-bxslider-driver .bx-window li {
	
}

/* Previous control. */
.pictures-frontend .pictures-bxslider-driver .bx-prev {
	float: left;
	position: absolute;
	left: -40px;
	top: 60px;
}

/* Next control. */
.pictures-frontend .pictures-bxslider-driver .bx-next {
	float: right;
	position: absolute;
	right: -40px;
	top: 60px;
}

/* Pager div. */
.pictures-frontend .pictures-bxslider-driver .bx-pager {
	margin: .5em auto;
	text-align: center;
}

/* Anchors of the pager. */
.pictures-frontend .pictures-bxslider-driver .bx-pager .pager-link {
	margin: .5em;
}

/* Active pager link. */
.pictures-frontend .pictures-bxslider-driver .bx-pager .pager-active {
	
}

/* Auto controls. */
.pictures-frontend .pictures-bxslider-driver .bx-auto {
	
}

/* The start control anchor. */
/* Additionally the anchor has the class "start" or "stop" dependant on the current state. */
.pictures-frontend .pictures-bxslider-driver .bx-auto .bx-start {
	
}

/* Bxslider 4 driver. */
/* Main div containing the slider. */
.pictures-frontend .pictures-bxslider4-driver {
	
}

/* Controls for navigation. */
.pictures-frontend .pictures-bxslider4-driver-controls {
	
}

/* Innerfade driver. */
/* This is the ul element containing the images. */
.picutres-frontend .pictures-innerfade-driver {
	height: 500px;
}

.pictures-frontend .pictures-innerfade-driver li {
	
}

/*
 * Backend style.
 * No changes needed.
 */

.pictures-head {
	margin-bottom: .5em;
}
.pictures-table {
	width: 100%;
}
.pictures-preview img {
	margin: 1em auto;
}
.pictures-submit {
	cursor: pointer;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px !important;
	height:32px !important;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}
.pictures-submit:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}
.pictures-submit:active {
	position:relative;
	top:1px;
}
.pictures-textarea {
	font-size: 80%;
}
.pictures-error, .pictures-success, .pictures-help, .pictures-notice {
	padding: .8em .8em .8em 2.6em;
	margin-top: .5em;
	margin-bottom: .5em;
	border: 2px solid #ddd;
}
.pictures-error {
	color:#8a1f11;
	border-color:#FBC2C4;
	background: #FBE3E4 url('../../plugins/pictures/css/../images/error.png') scroll no-repeat .8em .8em;
}
.pictures-success {
	color:#264409;
	border-color:#C6D880;
	background: #E6EFC2 url('../../plugins/pictures/css/../images/success.png') scroll no-repeat .8em .8em;
}
.pictures-help {
	color: #3E6DB1;
	border-color: #3E6DB1;
	background: #BDCDE3 url('../../plugins/pictures/css/../images/help.png') scroll no-repeat .8em .8em;
}
.pictures-notice {
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}
.pictures-help-icon {
	
}
.pictures-select {
	width: 30%;
	min-width: 80px;
}


/**************************************** ./plugins/xhshop/css/stylesheet.css */

/*** Cart-Box for CMSimple_XH-Sites ***/
#cartButton {
	border: 2px solid #09003E;
	clear: both;
	margin: 2em 0;
	padding: .5em 1em;
	background: #efefef;
	background: rgba(255,255,255,.75);
	color: #333;
}
/***/
.xhsMain {
}
.xhsMain input, .xhsMain textarea, section.xhsScreen input, section.xhsScreen textarea {
	border: 1px solid #ccc !important;
	font-family: inherit !important;
	font-size: 1em !important;
	padding: 0.25em 0.5em !important;
	max-width: 95% !important;
}
.xhsMain select, section.xhsScreen select {
	border: 1px solid #ccc !important;
	font-family: inherit !important;
	font-size: 1em !important;
	padding: .1em .25em !important;
	max-width: 95% !important;
}
.xhsMain option, section.xhsScreen option {
	max-width: 95% !important;
	padding: .1em .25em !important;
}
#xhsOverview {
	margin: 0;
	padding: 0;
}
.xhsMain input[type="checkbox"], section.xhsScreen input[type="radio"] {
	padding: 0 !important;
}
#xhsProductsTable tr:nth-child(odd) {
	background-color: #dfdfdf;
	color: #333;
}
#xhsProductsTable tr:nth-child(even) {
	background-color: #efefef;
	color: #333;
}
input.xhsShopButton, input[type="submit"].xhsShopButton, button.xhsAddCart, button.xhsShopButton {
	background: #09003E !important;
	border: 0 none !important;
	color: #fff !important;
	cursor: pointer !important;
	padding: .25em .5em !important;
	margin: 0 !important;
	font-family: inherit !important;
	font-size: 1em !important;
	white-space: nowrap !important;
}
input.xhsShopButton:hover, button.xhsAddCart:hover, button.xhsShopButton:hover {
	border: 0 none !important;
	background-color: #333 !important;
	background-image: none !important;
}
button.xhsShopButton.xhsCrt {
	display: inline-block !important;
	border-radius: .45em !important;
	color: rgba(255,255,255,.75) !important;
}
input.linkButton {
	border-width: 0;
	background-color: transparent;
	color: navy;
}
input.linkButton:hover {
	cursor: pointer;
	text-decoration: underline;
	color: maroon;
}
#cartButton {
	border: 2px solid #09003E;
	clear: both;
	margin: 2em 0;
	padding: .5em 1em;
	background: #efefef;
	background: rgba(255,255,255,.75);
	color: #333;
}
#steps span {
	padding-right: 2em;
}
#xhsCartPreview {
	margin: 0.5em 0 !important;
	text-align: right;
	float: right;
}
#xhsCartPreview a {
	border: 0 !important;
}
table.xhsCartTable {
/* table-layout: fixed; */
}
#xhsCartPreview table {
	width: 100% !important;
}
#xhsCartPreview table td {
	padding-right: 1em;
}
p.warn, #steps span.now {
	font-weight: bold;
	color: teal;
}
label.xhsFormLabel {
	display: block;
	/* float: left; */
	width: 8em;
	padding: .25em 0;
}
label.xhsFormLabel.xhsRequired {}
input.inline_form, input.data_form {
/* margin-top: 1ex; */
}
input.inline_form {
	width: 4em;
}
input.data_form {
/* width: 19.2em; */
}
input.shorter {
/* width: 14em; */
}
#cart_table {
	height: 20px;
	font-size: inherit;
	width: 100%;
	overflow: hidden;
}
table.cart_table {
	position: relative;
	font-size: inherit;
	width: 100%;
}
table.cart_table td {
	padding: 0;
	margin: 0;
	border: 0;
}
div.tabs form, div.subtabs form, #cart_table form {
	display: inline;
}
div.tabs {
	padding-left: 3ex;
}
div.tabs form input.tab, input.subtab {
	border: 0.3ex #daa520 solid;
	border-top-width: 0.8ex;
	border-bottom-width: 0;
	background-color: white;
	padding: 0;
	margin: 0;
}
div.tabs form input.activeTab, input.activeSubtab {
	border: 1px #9acd32 solid;
	border-bottom-color: white;
	border-top-width: 1.5ex;
	background-color: white;
}
span.price_info {
	font-size: 80%;
}
h2 span.xhsRequired::before, span.xhsRequired label::before {
	content: "\f12a\ " !important;
	font-family: FontAwesome !important;
	font-size: 1.33333em;
	line-height: 0.75em;
	vertical-align: -15%;
	color: #f33;
}
section.xhsScreen {
}
section.xhsScreen ol li, section.xhsScreen ul li {
/*margin-left: 1.5em;
	padding: 0.3ex 0;
	line-height: 1.3;*/
}
section.xhsScreen p.additional {
	font-size: 90%;
	color: #666;
	line-height: 1.2;
}
div.xhsClosed {
	background: #efefef;
	color: #333;
	border: 1px solid #999;
	padding: 1em;
}
div.xhsClosed p:first-child {
	font-size: 1.5em;
}
a.xhsToggleBtn, a.xhsShopButton {
	border: 0 none !important;
	line-height: normal;
	color: #fff !important;
	background: #09003E;
	margin: .5em 1em .5em 0;
	padding: .25em .5em;
	display: inline-block;
	text-align: right;
	float: right;
}
a.xhsToggleBtn:hover, a.xhsShopButton:hover {
	border: 0 none !important;
	background: #333;
}
a.xhsShopButton {
	float: none;
}
a.xhsToggleBtn span {
}
div.xhsCatSelSearch {
	clear: both;
	background: #efefef;
	padding: .5em .5em 0 .5em;
	margin: 0;
}
div.xhsCatSel {
	float: left;
	margin: 0 0 0.5em;
}
div.xhsCatSel select, div.xhsInfoBlock select {
/* padding: 0 !important; */
}
div.xhsCatSel option {
/* padding: .25em .5em !important; */
}
div.xhsSearch {
	float: right;
	margin: 0 0 0.5em;
}
.xhsClearB {
	clear: both;
}
h1.xhsCatHeader {
	font-size: 1.25em;
	background: #ccc;
	color: #fff;
	padding: .25em .5em;
	margin: 1em 0;
	text-transform: uppercase;
	text-shadow: none;
}
.xhsMain a, section.xhsScreen a {
	border: 0 !important;
	text-decoration: none !important;
	color: #09003E !important;
}
.xhsMain table, section.xhsScreen table {
	border-collapse: collapse;
	border-spacing: 0;
	/* table-layout: fixed !important; */
	width:100%;
}
form.catSelectBox {
	clear: both;
}
span.srchTrm {
	padding: .1em.25em;
	background: #efefef;
	color: #333;
}
.xhsMain h1, section.xhsScreen h1, h1.xhsProdTitle {
	color: #333;
	clear: both;
	font-size: 1.5em;
	margin: 0 0 .5em 0 !important;
}
.xhsMain h2, section.xhsScreen h2, h2.xhsProdTitle {
	color: #333;
	clear: both;
	font-size: 1.2em;
	margin: 0 0 .5em 0 !important;
}
.xhsMain h3, section.xhsScreen h3 {
	color: #333;
	clear: both;
	font-size: 1.1em;
	margin: 0 !important;
	padding: 0 !important;
}
div.xhsPrevPic {
	width: 33%;
	max-width: 33%;
	float: left;
	margin: 0 1em 1em 0;
}
div.xhsPrevPic img {
	box-sizing: border-box;
	border: 1px solid rgba(0,0,0,.25);
	max-width: 100% !important;
	width: 100%; /*** disable this for pictures with different sizes ***/
	min-width: 100%; /*** disable this for pictures with different sizes ***/
	height: auto !important;
}
div.xhsPrevPic:empty {
	display: none;
}
article.xhsOverviewPrds {
	border-top: 1px dotted #fff;
	border-bottom: 1px dotted #333;
	margin: 0;
	padding: 1em 0;
	overflow: auto;
}
article.xhsPrdDetails {
	margin: 1em 0;
}
.xhsPrdDetTeaser {
	font-size: 1.1em;
	padding: .5em 0;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	margin: 0 0 1em 0;
}
.xhsPrdDetTeaser p {
	margin: 0 !important;
	padding: 0 !important;
}
.xhsInfo {
	color: #6CF;
}
div.xhsDetailLink {
	text-align: right;
	margin: 1em 0;
}
div.xhsDetailLink a {
	padding: .25em .5em;
	display: inline-block;
	border: 1px solid #ccc;
	background: #efefef;
	color: #333 !important;
}
div.xhsDetailLink a::before, .xhsHint p::before, p.xhsHint::before {
	content: "\f05a\ " !important;
	font-family: FontAwesome !important;
	font-size: 1.33333em;
	line-height: 0.75em;
	vertical-align: -15%;
	color: #69c;
}
div.xhsInfoBlock {
	clear: both;
	text-align: right;
	box-sizing: border-box;
	line-height: normal !important;
	display: inline;
}
div.xhsPrdPrice {
	margin: 1em 0;
}
div.xhsVariantsSelect {
	margin: 1em 0;
}
span.xhsPrdPriceLabel {
	display: inline-block;
	padding: 0.25em;
	font-size: 0.9em;
	color: #999;
	vertical-align: middle;
}
span.xhsPrdPriceNum {
	font-size: 1.5em;
	color: #000;
	background: #efefef;
	padding: .25em;
	border-radius: .25em;
	border: 1px solid #ddd;
	white-space: nowrap;
	vertical-align: middle;
}
input.xhsInpAmount {
	width: 1.5em;
	text-align: right;
}
input.xhsContInp {
	width: 95%;
	max-width: 100%;
}
.xhsMain input[type=number] {
	width: 3.0em;
	margin: 0 0 .25em 0;
	text-align: right;
}
/* Remove controls from Firefox */
#xhsOverview input[type=number], .xhsMain input[type=number], section.xhsScreen input[type=number] {
	-moz-appearance: textfield;
	appearance: textfield;
}
/* Re-applies the controls on :hover and :focus */
/*.xhsMain input[type="number"]:hover,
.xhsMain input[type="number"]:focus {
	-moz-appearance: number-input;
	appearance: number-input;
}*/
/* number fields chrome up-down arrows */
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
 -webkit-appearance: none;
 margin: 0;
}
.xhsBadge {
	background-color: #09003E;
	border: 2px solid #fff;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	font-size: .75em;
	font-weight: 700;
	line-height: 1;
	margin: -1.75em 0 0 .25em;
	min-width: 1em;
	padding: .25em .25em;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}
#xhsSteps {
/* background: #efefef; */
	/* padding: .5em .5em 0 .5em; */
	/* overflow: auto; */
}
#xhsSteps h1 {
/* color: #09003E; */
}
#xhsSteps .xhsStep {
	background: #efefef;
	color: #333;
	text-align: center;
	padding: 0.5em;
	float: left;
	margin: 0 1em 1em 0;
	white-space: nowrap;
	display: inline-block;
	border: 1px solid #ccc;
}
div.xhsNow {
	background: #09003E !important;
	border: 1px solid #09003E !important;
	color: #fff !important;
}
div.xhsStepHint {
	background: #efefef;
	color: #333;
	border: 1px solid #ccc;
	padding: 0.5em;
	margin: 0 0 1em;
}
div.xhsStepHint span {
	color: #69c;
}
table.xhsCartTable td {
	vertical-align: top !important;
	padding: .1em;
}
table.xhsCartTable td p {
	margin: 0 !important;
	padding: 0;
}
td.xhsCnt {
	width: 1.5em;
}
.xhsInl {
	display: inline;
}
button.xhsUpdBtn, button.xhsDelBtn {
	color: #ffb27f;
	background: transparent;
	padding: .25em .5em !important;
	margin: 0 !important;
	border: 0 !important;
	cursor: pointer;
}
button.xhsUpdBtn:hover, button.xhsDelBtn:hover {
	color: #fff;
	background: #09003E;
}
hr.xhsHr1 {
	border: none;
	border-top: 1px solid #999;
	color: transparent;
	background-color: transparent;
	height: 1px;
	margin: .25em 0;
}
hr.xhsHr2 {
	color: #999 !important;
	border: 2px solid #999 !important;
	margin: .5em 0;
}
tr.xhsSum {
	font-size: 1.2em;
}
.xhsHint {
	/* font-size: 0.9em; */
	color: #999;/* text-align: center; */
}
td.xhsMoneyCell {
	text-align: right;
	white-space: nowrap;
	/*vertical-align: middle !important;*/
	width: 5em !important;
}
td.xhsTdR {
	text-align: right;
}
a.xhsAgbLnk {
	text-decoration: underline !important;
	color: #f60 !important;
}
.xhs100 {
	width: 100%;
}
.xhsLightColor {
	color: rgba(255, 255, 255, 0.75);
}
textarea[name="annotation"] {
	width: 95%;
	height: 6em;
}
.xhsRght {
	float: right;
}
.xhsLft {
	float: left;
}
.xhsDl dt {
	color: #999;
	/*border-bottom: 1px solid #ccc;*/
	display: inline-block;
	margin: .25em 0;
}
.xhsDl dd {
	margin: 0 0 0 1em;
}
span.xhsVatInf {
	color: #999;
	font-size: .8em;
	width: 5em;
	display: inline-block;
}
/*** BACKEND ***/
#xhsPreviewPic img, #xhsImage img {
	max-width: 100px !important;
	vertical-align: top !important;
}
#xhsProductsTable {
/* table-layout: fixed; */
}
.xhsTable td, #xhsProductsTable td {
	padding: .25em
}
td.xhsTdTop {
	vertical-align: top;
}
button.xhsProdUp, button.xhsProdDown {
	background: transparent !important;
	border: 0 !important;
	color: #666 !important;
	cursor: pointer !important;
	margin: 0 !important;
	padding: 0.25em !important;
}
button.xhsProdUp:hover, button.xhsProdDown:hover {
	background: #f60 !important;
	color: #fff !important;
}
.xhsErr {
	color: #F30;
}
ul.xhsUL {
	margin: 0 !important;
}
div.xhsErrors {
	background: #fff;
	color: #333;
	padding: .5em 1em;
	border: 3px solid #09003E;
	display: block;
	clear: both;
	margin: 1em 0;
	box-sizing: border-box;
}
div.xhsErrors h1 {
	color: #09003E;
}
div.xhsErrors h1::before {
	content: "\f071\ " !important;
	font-family: FontAwesome !important;
	/*font-size: 1.33333em;
	line-height: 0.75em;
	vertical-align: -15%;*/
	color: #f60;
}
a.xhsCosLnk {
	color: #09003E !important;
}
a.xhsCosLnk::after {
	content: "\ \f0f6" !important;
	font-family: FontAwesome !important;
	/*font-size: 1.33333em;
	line-height: 0.75em;
	vertical-align: -15%;*/
}
ul.xhsCatMenu {
	margin: .5em 0 0 0;
}
ul.xhsCatMenu li {
	border: 0 !important;
}
ul.xhsCatMenu li:last-child a {
	border: 0 !important;
}
ul.xhsCatMenu li.xhsActiveCat a, ul.xhsCatMenu li.xhsActiveCat:last-child a {
	color: #f60 !important;
}

/* we really need a monospaced font for this textarea */
#xh_config_form textarea.xh_setting[name="PL3bbeec384_shipping_forwarding_expenses"] {
	font-family: monospace !important;
}