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

###########################################################################
# Genaral CSS Frontend
###########################################################################
*/
/* 
#-------------------------------------------------------------------------#
# General
#-------------------------------------------------------------------------# 
*/
div#self-service-lite {/* the main div */
 width:100%;
}
div#self-service-lite:after {content:" "; display:block; height:0; clear:both; visibility:hidden;}/* Auto-Clear > ie_frontend.css*/

div#self-service-lite div { /* div with content */
 width:100%;
 float:left;
}
div#self-service-lite div.ssldetailview { /* div detail view */
 padding-bottom:300px; /* for anchor */
}
div#self-service-lite div:after {content:" "; display:block; height:0; clear:both; visibility:hidden;}/* Auto-Clear > ie_frontend.css*/
div#self-service-lite div div {
 width:100%;
}
div#self-service-lite .sslerror { /* error */
 color:#f00;
 font-weight:bold;
 float:none;
 padding:5px 0 5px 0;
}
div#self-service-lite p.sslcookieerror {/* no cookie error */
 font-weight:bold;
 color:#f00;
 float:none;
}
/*
#-------------------------------------------------------------------------#
# Headline
#-------------------------------------------------------------------------#
Preformating (optional) - will be overwritten by using h1 .. h6 with heading_headline.css
*/
div#self-service-lite div div.sslheadline { 
 margin:0 0 10px 0;
 float:none;
}
/* 
#-------------------------------------------------------------------------#
# paragraph
#-------------------------------------------------------------------------# 
*/
div#self-service-lite div p {
 margin:0 0 10px 0;
}
/* 
#-------------------------------------------------------------------------#
# Images
#-------------------------------------------------------------------------# 
*/
div#self-service-lite div a img {/* image in a link */
 border:1px solid #de0131;
 padding:1px;
}
div#self-service-lite img.sslimageleft {/* image left */
 display:block;
 float:left;
 margin:0 10px 10px 0;
}
div#self-service-lite img.sslimagecenter {/* image centered */
 clear:both;
 display:block;
 margin:0 auto 10px auto;
}
div#self-service-lite div img.sslimageright {/* image right */
 display:block;
 float:right;
 margin:0 0 10px 10px;
} 
div#self-service-lite div img.sslimageblock {/* image block */
 display:block;
 float:none;
 clear:both;
 margin:0 0 10px 0;
} 
/* 
#-------------------------------------------------------------------------#
# Lists
#-------------------------------------------------------------------------# 
*/
div#self-service-lite div ul,
div#self-service-lite div ol {
 overflow:auto;
 padding-left:25px;
 line-height:normal;
}
/* 
#-------------------------------------------------------------------------#
# Conclusions
#-------------------------------------------------------------------------# 
*/
div#self-service-lite br.clearfloat {/* without horizontal rule */
 height:1px;
 overflow:hidden;
 line-height:1px;
 clear:both;
 letter-spacing:normal;
}
html>body div#self-service-lite 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 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 hr {/* with horizontal rule - msie7 */
 clear:both;
 border:0;
 height:1px;
 margin:10px 0 10px 0;
 color:#ccc;
}
/* 
#-------------------------------------------------------------------------#
# Page turns
#-------------------------------------------------------------------------# 
*/
div#self-service-lite ul.sslpageturn {/* general = bottom */
 clear:both;
 float:none;
 list-style-type:none;
 border-top:1px solid #ccc;
 padding:3px 0 0 0;
 height:1.5em;
 margin:15px 0 0 0;
}
div#self-service-lite ul.sslpageturntop, 
div#self-service-lite ul.sslpageturndetailtop {/* top */
 margin:0 0 15px 0;
 padding:0 0 0 0;
 border-bottom:1px solid #ccc;
 border-top:none;
}
div#self-service-lite ul.sslpageturn li {/* top and bottom */
 float:left;
 padding:0 7px 0 0;
 margin:0 0 0 0;
}
div#self-service-lite ul.sslpageturn li a.sslpageturnactiv { /* aktiv link */
 font-weight:bold;
 text-decoration:none;
}
/* standard view */
div#self-service-lite ul.sslpageturntop {/* top */
 display:none;
}
div#self-service-lite ul.sslpageturnbottom {/* bottom */
}
/* detail view */
div#self-service-lite ul.sslpageturndetailtop {/* top */ 
}
div#self-service-lite ul.sslpageturndetailbottom {/* bottom */
 display:none;
}
/* 
#-------------------------------------------------------------------------#
# Breadcrumb - Navigation
#-------------------------------------------------------------------------# 
*/
ul.sslbreadcrumb {
 list-style-type:none;
 width:100%;
 padding:0 0 5px 0;
}
ul.sslbreadcrumb:after {content:" "; display:block; height:0; clear:both; visibility:hidden;}
ul.sslbreadcrumb li {
 float:left;
}
ul.sslbreadcrumb li.sslbreadcrumbarrow {/* arrow between links */
 font-weight:bold;
 padding:0 5px 0 5px;
}