/*
###########################################################################
#  Self!Service lite
#  (c) 2013 by Peter Garstenauer & Reynhard Boegl for www.kick-image.at
#  Free Download: http://www.cms-self-service-lite.at
###########################################################################

###########################################################################
#  Load CSS for frontend
###########################################################################
/*
#-------------------------------------------------------------------------#
# Special CSS "Headline h1 ... h6" for the dropdown "Format / Absatz" 
# in the Headline- Section
#-------------------------------------------------------------------------#*/
 @import url("../customized/heading_headline.css");

/*
#-------------------------------------------------------------------------#
# Special CSS "Headline - no h1 .. h6" (optional) for the dropdown 
# "Styles / Formate" in the headline section
#-------------------------------------------------------------------------#*/
 @import url("../customized/format_headline.css");

/*
#-------------------------------------------------------------------------#
# Special CSS "Text" (optional) for standard view and details for the 
# dropdown "Styles / Formate" in the standard and detail section
#-------------------------------------------------------------------------#*/
 @import url("../customized/format_text.css");
/*
#-------------------------------------------------------------------------#
# General CSS
#-------------------------------------------------------------------------#*/
 div.self-service-lite-sidebar {/* the main div */
		width:100%;
 }
 div.self-service-lite-sidebar:after {content:" "; display:block; height:0; clear:both; visibility:hidden;}/* Auto-Clear > ie_frontend.css*/
 
 div.self-service-lite-sidebar div { /* div with content */
		width:100%;
		float:left;
 }
 div.self-service-lite-sidebar div:after {content:" "; display:block; height:0; clear:both; visibility:hidden;}/* Auto-Clear > ie_frontend.css*/
 div.self-service-lite-sidebar div div {
		width:100%;
 }
 div.self-service-lite-sidebar .sslerror { /* error */
		color:#f00;
		font-weight:bold;
		float:none;
		padding:5px 0 5px 0;
 }
/*
#-------------------------------------------------------------------------#
# Headline
#-------------------------------------------------------------------------#
Preformating (optional) - will be overwritten by using h1 .. h6 with heading_headline.css
*/
 div.self-service-lite-sidebar div div.sslheadline { 
		margin:0 0 10px 0;
		float:none;
 }
/* 
#-------------------------------------------------------------------------#
# paragraph
#-------------------------------------------------------------------------# 
*/
 div.self-service-lite-sidebar div p {
		margin:0 0 10px 0;
 }
/* 
#-------------------------------------------------------------------------#
# Images
#-------------------------------------------------------------------------# 
*/
 div.self-service-lite-sidebar div a img {/* image in a link */
		border:1px solid #de0131;
		padding:1px;
 }
 div.self-service-lite-sidebar img.sslimageleft {/* image left */
		display:block;
		float:left;
		margin:0 10px 10px 0;
 }
 div.self-service-lite-sidebar img.sslimagecenter {/* image centered */
		clear:both;
		display:block;
		margin:0 auto 10px auto;
 }
 div.self-service-lite-sidebar div img.sslimageright {/* image right */
		display:block;
		float:right;
		margin:0 0 10px 10px;
 } 
 div.self-service-lite-sidebar div img.sslimageblock {/* image block */
		display:block;
		float:none;
		clear:both;
		margin:0 0 10px 0;
 } 
/* 
#-------------------------------------------------------------------------#
# Lists
#-------------------------------------------------------------------------# 
*/
 div.self-service-lite-sidebar div ul,
 div.self-service-lite-sidebar div ol {
		overflow:auto;
		padding-left:25px;
		line-height:normal;
 }
/* 
#-------------------------------------------------------------------------#
# Conclusions
#-------------------------------------------------------------------------# 
*/
 div.self-service-lite-sidebar br.clearfloat {/* without horizontal rule */
		height:1px;
		overflow:hidden;
		line-height:1px;
		clear:both;
		letter-spacing:normal;
 }
 html>body div.self-service-lite-sidebar hr {/* with horizontal rule - geckos */
		clear:both;
		border:0;
		height:15px;
		margin:0 0 20px 0;
		border-bottom:1px solid #ccc;
		background:transparent;
 }
 div.self-service-lite-sidebar hr {/* with horizontal rule - msie */
		clear:both;
		border:0;
		height:1px;
		margin:0 0 10px 0;
		color:#ccc;
 }
 *:first-child+html div.self-service-lite-sidebar hr {/* with horizontal rule - msie7 */
		clear:both;
		border:0;
		height:1px;
		margin:10px 0 10px 0;
		color:#ccc;
 }
/*
#-------------------------------------------------------------------------#
# Forms (generated with "Formeditor" and form for user comments)
#-------------------------------------------------------------------------#*/
 div.self-service-lite-sidebar div form.sslform {}
 div.self-service-lite-sidebar fieldset {
		border:none;
 }
 div.self-service-lite-sidebar table.sslformtab {}
 div.self-service-lite-sidebar table.sslformtab td {
		padding:2px 10px 2px 0;
		vertical-align:top;
 }
 div.self-service-lite-sidebar table.sslformtab td.sslformtableft { /* cell for label */
		text-align:right;
		padding-top:4px;
 }
 div.self-service-lite-sidebar table.sslformtab td.sslformtabright { /* cell for input */
		padding-right:0;
 }
 div.self-service-lite-sidebar table.sslformtab td.sslformtabright input { /* input */
		padding-left:3px;
 }
 div.self-service-lite-sidebar table.sslformtab td.sslformtabright textarea {
		overflow:auto;
		padding-left:3px;
 }
 div.self-service-lite-sidebar table.sslformtab td.sslformtabright input, 
 div.self-service-lite-sidebar table.sslformtab td.sslformtabright textarea {
		border:1px solid #999;
 }
 div.self-service-lite-sidebar table.sslformtab td.sslformtabright input:focus, 
 div.self-service-lite-sidebar table.sslformtab td.sslformtabright textarea:focus {
		border:1px solid #000;
 }
 div.self-service-lite-sidebar table.sslformtab td.error {/* error for required fields */
		color:#f00;
 }
 div.self-service-lite-sidebar table.sslformtab td.sslformtabright select option { /* dropdown */
		padding:0 10px 0 0;
 }
 div.self-service-lite-sidebar table td img.sslcaptcha {/* Captcha */
		margin:10px 0 3px 0;
		display:block;
 }
 div.self-service-lite-sidebar table td input.sslcaptcha {
		display:block;
		margin-top:3px;
		width:138px;
 }
 div.self-service-lite-sidebar table.sslformtab td.sslformtabright input.sslformbutton {/* send-button */
		float:right;
		border:1px solid #999;
		background-color:#efefef;
		color:#000;
		padding:1px 5px 1px 5px;
		margin:5px 0 5px 8px;
		font-weight:bold;
		width:auto;
		line-height:1.3em;
 }
 div.self-service-lite-sidebar table.sslformtab td.sslformtabright input.sslformbutton:hover {
		background-color:#999;
		color:#fff;
 }
/*
###########################################################################
# Form sent
###########################################################################
*/
 div.self-service-lite-sidebar div form.sslformsent {
		display:none;
 }
 div.self-service-lite-sidebar div div.sslformsentmessage { /* confirm message */
		float:none;
 }

/*
#-------------------------------------------------------------------------#
# Formats for visitor sitemap
#-------------------------------------------------------------------------#*/
 div.self-service-lite-sidebar ul.ssl_sitemap { /* list general */
 }
 div.self-service-lite-sidebar ul.ssl_sitemap li {
		padding:3px 0 2px 0;
 }
 div.self-service-lite-sidebar ul.ssl_sitemap li a {
		font-weight:bold;
		font-size:1.1em;
 }
 div.self-service-lite-sidebar ul.ssl_sitemap li span { /* optional description */
		display:block;
 }
 div.self-service-lite-sidebar ul.ssl_sitemap ul {
		margin:0 0 5px 0;
 }
/*
#-------------------------------------------------------------------------#
# Shop item
#-------------------------------------------------------------------------#
*/
 div.self-service-lite-sidebar div.sslshopitem form { /* order form */
		width:100%;
		padding:15px 0 15px 0;
		clear:both;
		text-align:right;
 }
 div.self-service-lite-sidebar div.sslshopitem form fieldset {
		border:none;
 }
 div.self-service-lite-sidebar div.sslshopitem form span.sslshopitemnr { /* item number */
		padding-right:20px;
 }
 div.self-service-lite-sidebar div.sslshopitem form p.sslshopvariations { /* variations */
		display:inline;
		padding-right:20px;
 }
 div.self-service-lite-sidebar div.sslshopitem form p.sslshopvariations select {
		border:1px solid #999;
		margin-left:3px;
 }
 div.self-service-lite-sidebar div.sslshopitem form p.sslshopvariations select option {
		padding-right:10px;
 }
 div.self-service-lite-sidebar div.sslshopitem form p.sslshopprice { /* price */
		text-align:right;
		padding:0 15px 0 0;
		font-weight:bold;
		display:inline;
 }
 div.self-service-lite-sidebar div.sslshopitem form input.sslshoporderbutton { /* order button */
		border:1px solid #999;
		background-color:#efefef;
		color:#000;
		padding:1px 10px 2px 10px;
		font-weight:bold;
 }
 div.self-service-lite-sidebar div.sslshopitem form input.sslshoporderbutton:hover {
		background-color:#999;
		color:#fff;
 }
 div.self-service-lite-sidebar div.sslshopitem form input.sslshoporderbuttondisabled { /* order button disabled */
		color:#777;
 }
 div.self-service-lite-sidebar div.sslshopitem form input.sslshoporderbuttondisabled:hover {
		color:#777;
		background-color:#efefef;
 } 
 div.self-service-lite-sidebar div.sslshopitem form div.sslshopnote {/* note below order button */
		margin:5px 0 0 0;
		font-size:0.9em;
 }

/*
#-------------------------------------------------------------------------#
# Formats for special effects
#-------------------------------------------------------------------------#*/
/* 
#-------------------------------------------------------------------------#
# Invisible - for spezial effects
#-------------------------------------------------------------------------# 
*/
 div.self-service-lite-sidebar div.ssl_unsichtbar,
 div.self-service-lite-sidebar div.ssl_invisible {
		display:none;
 }
/* 
#-------------------------------------------------------------------------#
# display none for headline in gallery with class=ssl_galerie or ssl_gallery
#-------------------------------------------------------------------------# 
*/
 div.self-service-lite-sidebar div.ssl_galerie div.sslheadline,
 div.self-service-lite-sidebar div.ssl_gallery div.sslheadline {
		display:none;
 }

/* 
#-------------------------------------------------------------------------#
# ie
#-------------------------------------------------------------------------# 
*/
 * html div.self-service-lite-sidebar {zoom:1;}/* Auto-Clear IE */
 * html div.self-service-lite-sidebar div {zoom:1;}/* Auto-Clear IE */
 * html div.self-service-lite-sidebar div ul,
 * html div.self-service-lite-sidebar div ol {
		zoom:1;
 }