/*
###########################################################################
#  self service lite
#  (c) 2008 by Peter Garstenauer & Reynhard Boegl for kick-image.at
#  Free Download: http://www.kick-image.at > WEBTOOLS
###########################################################################
###########################################################################
#
#  EINBINDUNG DER CSS-DATEI FÜR DIE BESUCHERANSICHT: 
*/
@import url("self_service_lite_frontend.css");
/*
###########################################################################
#
#  EINBINDUNG DER CSS-DATEI FÜR DIE BESUCHERANSICHT OHNE TinyMCE: 
*/
@import url("self_service_lite_frontend_no_tinymce.css");
/*
###########################################################################
#
#  EINBINDUNG DER CSS-DATEI FÜR SONDERFORMATE IM HAUPTFORMULAR / ÜBERSCHRIFT: 
*/
@import url("tiny_styles_headline.css");
/*
###########################################################################
#
#  EINBINDUNG DER CSS-DATEI FÜR SONDERFORMATE IM HAUPTFORMULAR / TEXT: 
*/
@import url("tiny_styles_text.css");
/*
###########################################################################
#
###########################################################################
#
#  GRUNDLEGENDE FORMATIERUNGEN FÜR DEN ADMINBEREICH
#
#  Ab hier nichts oder nur in Ausnahmefällen ändern!
#
###########################################################################
*/

/* #### Allgemeines */
div#self-service-lite form fieldset {
 border:none;
}
div#self-service-lite form h3 {
 font-size:15px;
 border-bottom:1px solid #FFB2B2;
 margin:0 0 10px 0; 
}
div#self-service-lite form h3 a.hilfe {
 color:#f00;
 border:1px solid #f00;
}
div#self-service-lite form h3 a.hilfe:hover {
 background-color:#f00;
 color:#fff;
}
div#self-service-lite fieldset h4 {
 clear:both;
 font-size:13px;
 padding:20px 0 0 0;
 margin:0 0 10px 0;
 border-bottom:2px solid #FFECEC;
}
/* Fehler-Meldungen */
div#self-service-lite div.ssl_error {
 clear:both;
 float:none;
	color:#f00;
	background-color:#ff0;
 width:95%;
 padding:10px;
 margin:0 0 15px 0;
 background-image:none;
}
/* Hilfe-Links */
div#self-service-lite a.hilfe {
 text-decoration:none;
 font-size:14px;
 margin:0 5px 0 0;
 padding:0 3px 0 3px;
 font-weight:bold;
}
/* speichern Button */
div#self-service-lite p.sslbuttons {
 margin:25px 0 0 0;
 border-top:1px solid #F00;
 padding:1px 0 25px 0;
}
div#self-service-lite p.sslbuttons input {
 font-size:15px;
 padding:2px 20px 2px 20px;
 margin:0 10px 0 0;
 text-align:center;
 background-color:#f00;
 color:#fff;
 font-weight:bold;
 float:left;
 border:1px solid #f00;
}
div#self-service-lite p.sslbuttons input:hover {
 background-color:#fff;
 color:#f00;
}
/* abbrechen Button */
div#self-service-lite a.sslabbrechen { 
 padding:3px 20px 3px 20px;
 margin:0 0 0 0;
 text-align:center;
 border:none;
 background-color:#fff;
 color:#f00;
 font-weight:bold;
 float:left;
 border:1px solid #f00;
 text-decoration:none;
}
div#self-service-lite a.sslabbrechen:hover {
 background-color:#f00;
 color:#fff;
}
/* unsichtbarer Menuepunkt */
ul.sslmenue li.ssl_invisible_menue a {
 color:#393;
 font-style:italic;
}

/* #### Anmelde-Form = Passwort ändern */
div#self-service-lite form.ssl_login {
 clear:both;
 padding:15px 15px 25px 15px;
 background-color:#FFF7F7;
}
div#self-service-lite form.ssl_login h3 {
 margin-bottom:30px;
}
div#self-service-lite form.ssl_login table td {
 text-align:right;
 padding:2px 0 0 10px;
}
div#self-service-lite form.ssl_login table td input {
 width:200px;
 padding:0 0 0 2px;
}
div#self-service-lite form.ssl_login table td input.anmelden {
 width:auto;
 border:1px solid #999;
 background-color:#efefef;
 color:#000;
 padding:1px 2px 1px 2px;
 margin:0 1px 0 2px;
 font-weight:bold;
 float:right;
}
div#self-service-lite form.ssl_login table td input.anmelden:hover {
 background-color:#999;
 color:#fff;
}
div#self-service-lite form.ssl_login table td a.sslabbrechen {
 display:block;
 float:right;
 width:auto;
 border:1px solid #999;
 background-color:#efefef;
 color:#000;
 padding:3px 5px 3px 5px;
 margin:0 1px 0 2px;
 font-weight:normal;
}
* html div#self-service-lite form.ssl_login table td a.sslabbrechen {
 padding:4px 5px 4px 5px;
}

/* #### Datensatz-Menue - rot */
div#self-service-lite p.datensatzmenue {
 font-family:Arial,Helvetica,sans-serif;
 font-size:12px;
 color:#000;
 clear:both; 
 margin:2px 0 5px 0;
 border-top:1px solid #F00;
 width:100%;
}
div#self-service-lite p.datensatzmenue:after {content:" "; display:block; height:0; clear:both; visibility:hidden;}
div#self-service-lite p.datensatzmenue a {
 display:block;
 float:left;
 padding:2px 4px 2px 4px;
 border-width:1px;
 border-style:solid;
 border-color:#fff;
 margin-right:2px;
 text-decoration:none;
 color:#000;
 background-color:#FFE5E5;
 font-size:11px;
}
div#self-service-lite p.datensatzmenue a:hover {
 background-color:#f00;
 color:#fff;
}
/* Seitenumbruch - grün */
div#self-service-lite p.seitenumbruch {
 border-top:1px solid #090;
}
div#self-service-lite p.seitenumbruch a {
 background-color:#e5f5e5;
}
div#self-service-lite p.seitenumbruch a:hover {
 background-color:#090;
 color:#fff;
}
/* Datensätze über 10 Stk. im Demo-Modus - gelb */
div#self-service-lite p.demo {
	border-top:1px solid #ff0;
}
div#self-service-lite p.demo a {
 background-color:#ff0;
}
div#self-service-lite p.demo a:hover {
 color:#f00;
 background-color:#ff0;
}
/* unsichtbar geschaltet - grau */
div#self-service-lite p.datensatzmenue a.dsus {
 background-color:#efefef;
 color:#999;
}
div#self-service-lite p.datensatzmenue a.dsus:hover {
 background-color:#f00;
 color:#fff;
}

/* #### Hauptmenue - blau */
div#self-service-lite p.hauptmenue {
 border-top:none;
 border-bottom:1px solid #00f;
 margin-bottom:20px;
}
div#self-service-lite p.hauptmenue a {
 background-color:#e5e5ff;
 font-size:13px;
 color:#000;
}
div#self-service-lite p.hauptmenue a:hover {
 background-color:#00f;
 color:#fff;
}

/* #### Admin-Form - allg */
div#self-service-lite form#sslform {
 font-family:Arial,Helvetica,sans-serif;
 font-size:12px;
 color:#000;
 width:100%;
 padding:0 0 25px 0;
}
div#self-service-lite form#sslform fieldset#sslformhidden {display:none;}
div#self-service-lite form#sslform fieldset {
 padding:15px;
 margin:0 0 15px 0;
 background-color:#FFF7F7; 
 clear:both;
}
div#self-service-lite form#sslform h3 i {
	font-style:normal;
	font-weight:normal;
 padding-left:15px;
}
div#self-service-lite form#sslform a.hilfe {
 color:#f00;
 border:1px solid #f00;
}
div#self-service-lite form#sslform a.hilfe:hover {
 background-color:#f00;
 color:#fff;
}
div#self-service-lite form#sslform textarea {
 font-family:Arial,Helvetica,sans-serif;
 font-size:12px;
 width:95%;
 padding:0 0 0 3px;
}
div#self-service-lite form#sslform input {
 margin-top:3px;
 padding:0 0 0 3px;
}
div#self-service-lite form#sslform fieldset input.sslradio {
 margin:3px 0 0 5px;
}
div#self-service-lite form#sslform fieldset input.sslcheckbox {
 margin:0 5px 0 0;
}
div#self-service-lite form#sslform fieldset b {
 clear:both;
 display:block;
 float:left;
 width:6em;
 margin-top:5px;
 font-weight:normal;
}

/* Admin-Form - Standardansicht */
div.ssl_notiny form#sslform textarea#mc_name {/* überschrift ohne tinymce */
 height:70px !important;
}
div#self-service-lite form#sslform fieldset#sslstandard input.verlinken {
 width:70%;
}
div#self-service-lite form#sslform fieldset#sslstandard p.pixellineal {
 height:40px;
 background:url(pixellineal.gif) no-repeat 0 15px;
}
div#self-service-lite form#sslform fieldset#sslstandard textarea {/* textarea allgemein */
	height:600px;
}

/* Admin-Form - Datei-Download */
div#self-service-lite form#sslform fieldset#ssldatei {
 background-color:#efefef;
}

/* Shop - Artnr. - Preis */
div#self-service-lite form#sslform fieldset#ssladmformshop input {
 margin:0 15px 0 3px;
}

/* Admin-Form - Detailansicht */
div#self-service-lite form#sslform fieldset#ssldetail {
 background:#efefef; 
}
div#self-service-lite form#sslform fieldset#ssldetail textarea {
 height:400px;
}
div#self-service-lite form#sslform fieldset#ssldetail p#ssldetailverlinkung {
 clear:both;
 padding:10px 0 0 0;		
}
div#self-service-lite form#sslform fieldset#ssldetail p#ssldetailverlinkung a.hilfe {
 padding-left:5px;
}
div#self-service-lite form#sslform fieldset#ssldetail p#ssldetailverlinkung i {
 font-style:normal;
 font-weight:bold;
}
div#self-service-lite form#sslform fieldset#ssldetail p#ssldetailverlinkung input.sslcheckbox {
 margin:0 0 0 5px;
}

/* Admin-Form - Datensatz-Eigenschaften */
div#self-service-lite form#sslform fieldset#ssleigenschaften {
 line-height:2.0em;
 padding-bottom:35px;
 background:url(pixellineal.gif) no-repeat left bottom #FFF7F7;
} 
div#self-service-lite form#sslform fieldset#ssleigenschaften b {
 line-height:1em;
}
div#self-service-lite form#sslform fieldset#ssleigenschaften input.sslradio {
 margin:3px 0 2px 5px;
}
div#self-service-lite form#sslform fieldset#ssleigenschaften span {
 padding-left:3px;
 white-space:nowrap;
}
div#self-service-lite form#sslform fieldset#ssleigenschaften span input.breite {
 width:30px;
}

div#self-service-lite form#sslform fieldset#ssleigenschaften input.sslcheckbox {
 clear:both;
}

/* Speichern Button */
div#self-service-lite form#sslform p.sslbuttons input {
 font-size:15px;
 padding:2px 20px 2px 20px;
 margin:0 10px 0 0;
}
div#self-service-lite form#sslform p.sslbuttons img#bild {
 margin-top:3px;
 border:none;
}

/* Admin-Form - Datensatz löschen */
div#self-service-lite div#sslloeschen {
 width:340px;
 padding:30px 15px 30px 15px;
 margin:15px 0 15px 0;
 border:none;
 background-color:#FFF7F7;
 border:1px solid #f00;
}
body#fotos div#self-service-lite div#sslloeschen {
 background-image:none;
 background-color:#FFF7F7;
}
div#self-service-lite div#sslloeschen h2 {
 background-color:#fff;
 padding:10px;
}
div#self-service-lite div#sslloeschen p {
 color:#f00;
 font-weight:bold;
 font-size:14px;
 padding:15px 0 15px 0;
}
div#self-service-lite div#sslloeschen a.admin {
 display:block;
 float:left;
 text-align:center;
 padding:3px 25px 3px 25px;
 color:#fff;
 background-color:#f00;
 font-weight:bold;
 text-decoration:none;
 border:1px solid #f00;
 text-transform:uppercase;
 margin:0 10px 0 0;
}
div#self-service-lite div#sslloeschen a.admin:hover {
 background-color:#fff;
 color:#f00;
}

/* #### Formular-Editor */
div#self-service-lite form.formulareditor table.textfelder {
 margin:20px 0 0 0;
 padding:20px 10px 20px 10px;
 border-top:2px solid #FFECEC;
 border-bottom:2px solid #FFECEC;
 background-color:#efefef; 
}
div#self-service-lite form.formulareditor table.textfelder td {
 padding:0 10px 0 0;
}
div#self-service-lite form.formulareditor table.textfelder td.centertd {
 text-align:center;
}
div#self-service-lite form.formulareditor table.textfelder td.centertd input {
 margin:0 5px 0 5px;
}

/* #### Shop-Admin */
div#self-service-lite form.shopadmin textarea {
 width:97%;
}
div#self-service-lite form.shopadmin hr {
 clear:both;
 visibility:hidden;
 margin:0;
}

/* #### Grundeinstellungen */
div#self-service-lite form.grundeinstellungen ul {
 list-style-type:none;
 margin:10px 0 10px 15px;
}
html>body div#self-service-lite form.grundeinstellungen ul li {
 padding:0 0 5px 0;
}

/* #### Menueeditor */
div#self-service-lite form.menueeditor {
 background:#fff7f7;
 padding:15px;
}
div#self-service-lite form.menueeditor h3 {
 margin-bottom:20px;
}
div#self-service-lite form.menueeditor ul.breadcrumb {
 list-style-type:none;
 width:100%;
 padding:0 0 15px 0;
}
div#self-service-lite form.menueeditor ul.breadcrumb:after {content:" "; display:block; height:0; clear:both; visibility:hidden;}
div#self-service-lite form.menueeditor ul.breadcrumb li {
 float:left;
 font-weight:bold;
}
div#self-service-lite ul.breadcrumb li.breadcrumbarrow {/* Pfeil zwischen Links */
 font-weight:bold;
 padding:0 7px 0 7px;
}
div#self-service-lite form.menueeditor table.textfelder td {
 padding:2px 3px 0 0;
 font-weight:bold;
}
div#self-service-lite form.menueeditor table.textfelder td a {
 font-weight:bold;
 text-decoration:none;
 display:block;
 border:1px solid #f00;
 padding:0 3px 0 4px;
 color:#f00;
}
div#self-service-lite form.menueeditor table.textfelder td a:hover {
 background-color:#f00;
 color:#fff;
}

/* #### Lizenz kaufen */
div#self-service-lite div#ssllizenzkaufen {
 clear:both;
 padding:10px;
 width:95%;
 background-color:#FFFAFA;
 margin:40px 0 0 0;
}
div#self-service-lite div#ssllizenzkaufen h3 { 
 font-size:13px;
 border-bottom:1px solid #FFB2B2;
 margin:0 0 10px 5px;
}
div#self-service-lite div#ssllizenzkaufen h3 a.hilfe {
 color:#f00;
 border:1px solid #f00;
}
div#self-service-lite div#ssllizenzkaufen h3 a.hilfe:hover {
 background-color:#f00;
 color:#fff;
}
div#self-service-lite div#ssllizenzkaufen h3 a.sslkaufen {
 color:#f00;
}
div#self-service-lite div#ssllizenzkaufen h3 a.sslkaufen:hover {
 background-color:#f00;
 color:#fff;
}
div#self-service-lite div#ssllizenzkaufen p b {
 display:block;
 margin:15px 0 3px 0;
}
div#self-service-lite div#ssllizenzkaufen input.ssllizenzkaufeninput {
 width:90%;
}


/* #### Formatierungsmöglichkeiten - ohne TinyMCE */
div#self-service-lite form.ssltinymce div#sslformate {
 display:none;
}
div#self-service-lite form#sslform div#sslformate {
 width:99%;
 padding:15px 0 0 15px;
 margin:0 0 15px 0;
 border:none;
 background-color:#FFFAFA;
 height:100px;
 overflow:auto;
 background-image:none;
}
div#self-service-lite form#sslform div#sslformate h3 {
	margin:0 0 10px 0;
}
div#self-service-lite form#sslform div#sslformate ul.formatierungsmoeglichkeiten {
 list-style-type:none;
 margin:0 0 15px 0;
}
div#self-service-lite form#sslform div#sslformate ul.formatierungsmoeglichkeiten li {
 width:200px;
 float:left;
 margin:0 0 5px 0;
}
div#self-service-lite form#sslform div#sslformate ul.verlinkungen li {
	width:100%;
}

/* TinyMCE 3 Korrekturen */
a#mc_name_formatselect_text, a#mc_name_fontselect_text, a#mc_name_fontsizeselect_text, a#mc_name_styleselect_text, a#data1_fontselect_text, a#data2_styleselect_text, a#data1_styleselect_text, a#data1_fontsizeselect_text, a#data2_fontselect_text, a#data2_fontsizeselect_text, a#Kommentar_unter_Warenkorb_fontselect_text, a#Kommentar_unter_Warenkorb_fontsizeselect_text, a#Text_nach_abgeschlossener_Bestellung_fontselect_text, a#Text_nach_abgeschlossener_Bestellung_fontsizeselect_text, a#Text_agb_neben_checkbox_fontselect_text, a#Text_agb_neben_checkbox_fontsizeselect_text  {/* Abstand Dropdown Vorlage - Schriftart - Schriftgrösse - Format */
 padding-left:5px;
 margin:0 0 0 2px;
}
div#self-service-lite form#sslform table div {/* tinymce font-color-hack */
 width:15px;
 padding:0 0 0 0;
}