/* ================================================== */
/* '/RedSparkCore/1.3.x/templates/kb_redspark/styles/00_base/master.css' */
/* ================================================== */

/* ----------------------------------------------------------------- */
/* yui reset */

body {
    margin: 10px;
}

h1 {
    font-size: 138.5%;
}
h2 {
    font-size: 123.1%;
}
h3 {
    font-size: 108%;
}
h1,
h2,
h3 {
    margin: 1em 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
dt {
    font-weight: bold;
}

optgroup {
    font-weight: normal;
}

abbr,
acronym {
    border-bottom: 1px dotted #000;
    cursor: help;
}

em {
    font-style: italic;
}

del {
    text-decoration: line-through;
}

blockquote,
ul,
ol,
dl {
    margin: 1em;
}

ol,
ul,
dl {
    margin: 0 0 0 2em;
}

ol li {
    list-style: decimal outside;
}

ul li {
    list-style: disc outside;
}

dl dd {
    margin: 0 0 0 1em;
}

th,
td {
    border: 1px solid #000;
    padding: .5em;
}

th {
    font-weight: bold;
    text-align: center;
}

caption {
    margin: 0 0 .5em 0;
    text-align: center;
}

sup {
    vertical-align: super;
}

sub {
    vertical-align: sub;
}

p,
fieldset,
table,
pre {
    margin: 0 0 1em 0;
}

button,
input[type="checkbox"],
input[type="radio"],
input[type="reset"],
input[type="submit"] {
    padding: 1px;
}

/* end (yui reset) */

/* ----------------------------------------------------------------- */
/* own reset */
/*
a,
b,
br,
code,
dl dd,
dl,
dl dt,
em,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
i,
iframe,
img,
label,
legend,
option,
p,
pre,
span,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr {
    margin: 0;
    padding: 0;
    border-width: 0;
    background: transparent;
    overflow: hidden;
    font-size: 12px;
}

div {
    margin: 0;
    padding: 0;
    border-width: 0;
    overflow: hidden;
    font-size: 12px;
}

body {
    margin: 0;
    padding: 0;
    border-width: 0;
    background: transparent;
    overflow: auto;
    font-size: 12px;
}

ol,
ul {
    margin: 0;
    list-style-position: outside;
    border-width: 0;
    background: transparent;
    overflow: hidden;
    font-size: 12px;
}
li {
    margin: 0;
    padding: 0;
    list-style-position: outside;
    border-width: 0;
    background: transparent;
    overflow: visible;
    font-size: 12px;
}

input,
select {
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-size: 12px;
}
textarea {
    margin: 0;
    padding: 0;
    overflow: auto;
    width: 90%;
    font-family: Arial, Helvetica,Verdana,sans-serif;
    white-space: normal;
    font-size: 12px;
}
*/
/* these are either not styleable or not used in the system (yet) */
/*
abbr,
acronym,
address,
applet,
area,
base,
basefont,
bdo,
big,
blockquote,
button,
caption,
center,
cite,
col,
colgroup,
del,
dfn,
dir,
font,
frame,
frameset,
head,
html,
ins,
isindex,
kbd,
link,
map,
menu,
meta,
noframes,
noscript,
object,
optgroup,
param,
q,
s,
samp,
script,
small,
strike,
strong,
style,
title,
tt,
u,
var {

}
*/
/* ================================================== */
/* '/RedSparkCore/1.3.x/templates/kb_redspark/styles/00_base/common.css' */
/* ================================================== */

/* PNG fix */
img, 
img.png {
    
}

/* Hover fix */
/* http://www.xs4all.nl/~peterned/csshover.html */
body {
    
}


/* positioning */
#root .abs {
    position: absolute;
}
#root .relative {
    position: relative;
}

/* floating */
.clear {
    clear: both;
    float: none;
    height: 0px;
    font-size: 0;
    color: transparent;
    border-width: 0;
    border-color: transparent;
    background: transparent;
}
#root .lfloat {
    float: left;
}
#root .rfloat {
    float: right;
}

/* align */
#root .ralign {
    text-align: right;
}
#root .calign {
    text-align: center;
}
#root .lalign {
    text-align: left;
}

#root .talign {
    vertical-align: top;
}
#root .malign {
    vertical-align: middle;
}
#root .balign {
    vertical-align: bottom;
}

#root .inline {
    display: inline;
}
#root img.preload {
    display: none;
}

/* text formatting */
#root .bold {
    font-weight: bold;
}
#root .no_bold {
    font-weight: normal;
}
#root .italic {
    font-style: italic;
}
#root .underline {
    border-bottom: 1px solid;
}
#root .no_decoration {
    text-decoration: none;
    border-bottom: none;
}

/* margins, paddings */
#root .nopadding {
    padding: 0;
}
#root .noindent {
    margin-left: 0;
    padding-left: 0;
}
#root .nobullet {
    list-style: none;
    list-style-image: none;
}
#root .nopargin {
    margin: 0;
    padding: 0;
}

/* overflowing content */
#root .allow_overflow {
    overflow: visible;
}
#root .scrollable {
    overflow: auto;
}

#root .framed {
    border: solid 1px #000;
    text-align: center;
    padding: 10px 0 10px 0;
}

#root .debug {
    background: #ff45aa;    
}
    #root .debug .debug {
        background: #ff7dc3;    
    }
        #root .debug .debug .debug {
            background: #ff9ad1;    
        }
            #root .debug .debug .debug .debug {
                background: #ffc8e6;    
            }
                #root .debug .debug .debug .debug .debug {
                    background: #ffe5f3;    
                }

a.icon {
    text-decoration: none;
}
    a.icon img {
        padding-right: 5px;
    }
    a.icon span {
        text-decoration: underline;
    }
    a.icon:hover span {
        text-decoration: none;
    }

/* Boxen */        
.boxleft,
.boxright,
.boxmiddleleft,
.boxmiddleright,
.boxbottom,
.boxtop {
    line-height: 1px;
    font-size: 0;
}
/* Marked */
/*.marked, 
.marked span {
    color: #E99405;
}*/
/* ================================================== */
/* '/RedSparkCore/1.3.x/templates/kb_redspark/styles/01_system.css' */
/* ================================================== */

/* ################### TAGS #################### */

body {
    padding: 0;
    margin: 0;
    background-color: #F5F6F7;
    font-family: Tahoma, sans-serif;
    font-size: 12px;
    color: #404144;
}
td, li, a, div {
    /*font-family: inherit;
    font-size: inherit;
    color: inherit;
    letter-spacing: 0pt;*/
     /* hasLayout workaround */
}

a {
    color: #6E2220;
    text-decoration: none;
    padding: 0;
    margin: 0;
    font-weight: normal;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
}
    a:hover {
        border-bottom-style: solid;
        color: #6E2220;
    }
a.no_decoration {
    color: #6E2220;
    text-decoration: none;
    padding: 0;
    margin: 0;
    font-weight: bold;
    border-bottom-width: 0px;
    border-bottom-style: none;
}
    
    a.no_decoration:hover {
        border-bottom-style: none;
        color: #6E2220;
    }
a.anchor,
a.anchor:hover {
    color: #174C54;
}

img {
    border-width: 0px;
    display: inline;
}

ul {
    margin-top: 3px;        /* half line-height */
    margin-bottom: 12px;    /* full line-height */
}
    li {
        color: #404144;
        font-family: Tahoma, sans-serif;
    }
p {
    color:                 #404144;
    font-family:         Tahoma, sans-serif;
    font-size:             12px;
}

span {
    color:                 #404144;
    font-family:         Tahoma, sans-serif;
    font-size:             12px;
}

small {
    color:                 #404144;
    font-family:         Tahoma, sans-serif;
    font-size:             11px;
}

h1 {
    font-family:         Tahoma, sans-serif;
    color:                 #174C54;
    font-size:             22px;
    line-height:         26px;
    font-weight:         normal;
    font-style:         normal;
    margin:             0 0 15px 0;
    display:             block;
    letter-spacing:     0.1pt;
    padding:             0;
    clear:                 both;
    float:                none;
}

h2 {
    font-family:         Tahoma, sans-serif;
    color:                 #174C54;
    font-size:             16px;
    line-height:        20px;
    font-weight:         normal;
    font-style:         normal;
    margin:             0 0 5px 0;
    display:             block;
    letter-spacing:     0.1pt;
    padding:             0 0 0 0;
    clear:                 both;
    float:                 none;
}

h3 {
    font-family:         Tahoma, sans-serif;
    color:                 #6E2220;
    font-size:             14px;
    line-height:        18px;
    font-weight:         bold;
    font-style:         normal;
    margin:             0 0 5px 0;
    display:             block;
    letter-spacing:     0.1pt;
    padding: 0 0 0 0;
    clear: both;
    float: none;
}

h4 {
    font-family:         Tahoma, sans-serif;
    color:                 #6E2220;
    font-size:             12px;
    line-height:         16px;
    font-weight:         bold;
    font-style:         normal;
    margin:             0 0 5px 0;
    display:             block;
    letter-spacing:     0.1pt;
    padding: 0 0 0 0;
    clear: both;
    float: none;
}

h5 {
    font-family:         Tahoma, sans-serif;
    color:                 #6E2220;
    font-size:             10px;
    line-height:        14px;
    font-weight:         bold;
    font-style:         normal;
    margin:             0 0 5px 0;
    display:             block;
    letter-spacing:     0.1pt;
    padding: 0 0 0 0;
    clear: both;
    float: none;
}

emph {
    color:                 #ccc;
    font-size:             12px;
    font-weight:        bold;
    font-family:        Tahoma, sans-serif;
    margin:             0 0 0 0;
    background:            url(/images/blank.gif) left 1px no-repeat;
    padding:            0 0 0 18px;
    text-decoration:    none;
}

strong {
    color:                 #ccc;
    font-size:             12px;
    font-weight:        bold;
    font-family:        Tahoma, sans-serif;
    margin:             0 0 0 0;
    background:            url() right 4px no-repeat;
    padding:            0 23px 0 0;
    text-decoration:    none;
}

hr {
    margin: 0 20px 0 20px;
    width: 645px;
    border: 0;
    background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/hr.png);
}

img.png {
    
}
/* ================================================== */
/* '/RedSparkCore/1.3.x/templates/kb_redspark/styles/02_modules/blog/list.css' */
/* ================================================== */

/* Generall blog styling */
.blog .metainfo,
.blog .tags {
    font-size: 80%;
}
.blog .article {
    margin-top: 10px;
    margin-bottom: 10px;
}
.blog .content_column_2 ul {
    margin-left: 20px;
    padding-left: 0;
}


    
/* Listing */
.blog_list .content_column_1 h3 {
    border-bottom: 1px solid;
}
.blog_list .entry {
    margin-bottom: 20px;
}
    
/* Article */
.blog_article h1 {
    border-bottom: 1px solid;
    margin-bottom: 4px;
}

.blog_article .entry {
    margin-top: 10px;
    margin-bottom: 15px;
}
/* ================================================== */
/* '/RedSparkCore/1.3.x/templates/kb_redspark/styles/02_modules/cms/category.css' */
/* ================================================== */

/* Kategorieseiten */
#category_overview {
    
}
    #category_overview .category_entry {
        margin-bottom:20px; 
        border: 2px dashed #174C54;
    }
        #category_overview .category_entry .category_icon {
            float:left; 
            width:100px; 
            height:100px; 
            margin:5px 10px 5px 5px; 
            padding:5px 5px 0 0; 
            border-right: 1px #174C54 solid;
        }
        #category_overview .category_entry .no_category_icon {
            float:left; 
            width:121px; 
            height:100px;
        }
        #category_overview .category_entry .teasertext {
            float:left;
            margin:5px 5px 5px 0;
            width: 490px;
        }

/* Kategorieseiten zweispaltig */
    #content .category_onecolumn h2 a,
    #content .category_twocolumn h2 a {
        text-decoration: none;
        border: 0;
        font-weight: normal;
        color: #174C54;
    }
    #content .category_onecolumn h2 a:hover,
    #content .category_twocolumn h2 a:hover {
        text-decoration: none;
        border: 0;
        color: #063263;
    }
    #content .category_twocolumn .column_left {
        float:left;
        width: 300px;
        margin-right: 25px;
    }
    #content hr.category_onecolumn_hr,
    #content hr.category_twocolumn_hr {
        margin-bottom: 8px;
    }
    #content .category_onecolumn .content_image a,
    #content .category_twocolumn .content_image a {
        border: 0;
    }
        
        #content .category_onecolumn .content_image_inner {
            margin:15px;
            overflow:hidden;
            position:relative;
            width:100px;
            height:100px;
        }
        
            #content .category_onecolumn .content_image_special a,
            #content .category_onecolumn .content_image_inner a{
                position:static !important;
                border:none;
            }
        
        /* One col */
        #content .category_onecolumn .content_image {
            float:left;
            width: 130px;
            overflow:hidden;
            margin: 5px 25px 10px 0;
            min-height: 128px;
            background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/imageframe/PictureFrame100.png) no-repeat;
        }
        
        /* One col */
        #content .category_onecolumn .content_image_special {
            float:left;
            width: 118px; /* width 100px + 2 x 9px special border */
            overflow:hidden;
            margin: 0 20px 10px 0;
            min-height: 128px;
        }
        
            #content .category_onecolumn .content_image_special img,
            #content .category_onecolumn .content_image img {
                margin: 0;
            }
            
        #content .category_onecolumn .content_text {
            float:left;
            margin: 0;
            padding-bottom: 1px; /* damit links nicht abgeschnitten werden */
            width: 460px;
            
            overflow:hidden;
        }
        /* Two col */
        #content .category_twocolumn .content_image_special,
        #content .category_twocolumn .content_image {
            float:left;
            width: 82px;
            min-height: 81px;
            overflow:hidden;
            margin: 18px 25px 10px 0;
            background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/imageframe/PictureFrame64.png) no-repeat;
        }
        
        #content .category_twocolumn .content_image_special {
            background:none;
        }
        
            #content .category_twocolumn .content_image_special img,
            #content .category_twocolumn .content_image img {
                margin: 9px;
            }
        
        #content .category_twocolumn .content_text {
            float:left;
            margin: 0;
            padding-bottom: 1px; /* damit links nicht abgeschnitten werden */
            width: 188px;
            overflow:hidden;
        }
        
        /* Numbered */
        #content .category_numbered .content_image_special,
        #content .category_numbered .content_image {
            float:left;
            width: 57px;
            height: 57px;
            overflow:hidden;
            margin: 0 23px 15px 0;
            background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/imageframe/PictureFrame45.png) no-repeat;
        }
        
        #content .category_numbered .content_image_special{
            background:none;
        }
        
            #content .category_numbered .content_image_inner {
                text-align: right;
                font-size: 22px;
                margin: 15px 15px 0 0;
                color: #174C54;
            }
                #content .category_numbered .content_image_inner a {
                    border: 0;
                }
                #content .category_numbered .content_image_inner a:hover {
                    border-bottom: 1px solid;
                }
            
        #content .category_numbered .content_text {
            float:left;
            margin: 0 0 5px 0;
            padding-bottom: 1px; /* damit links nicht abgeschnitten werden */
            width: 540px;
            
            overflow:hidden;
        }
/* ================================================== */
/* '/RedSparkCore/1.3.x/templates/kb_redspark/styles/02_modules/cms/referenzen.css' */
/* ================================================== */

#content .referenzen {
    margin-bottom:30px;
}

#content .referenzen .ref_left {
    float:left;
    width:230px;
}

#content .referenzen .ref_left img {
    border: 1px solid #CBCBCB;
}

#content .referenzen .ref_right {
    float:left;
    width:391px;
}

#content .referenzen .ref_right ul {
    margin:0;
    padding:0;
}

#content .referenzen .ref_right ul li {
    margin-left:13px;
    padding:0;
    list-style:disc;
}
/* ================================================== */
/* '/RedSparkCore/1.3.x/templates/kb_redspark/styles/02_modules/payment.css' */
/* ================================================== */

.payment_cart table,
.payment_cart table tr,
.payment_cart table td,
.payment_cart table th {
    border: 0;
}

.payment_cart table th {
    border-bottom: 1px solid;
}

.payment_cart table td.divider {
    border-bottom: 1px solid;
}

.payment_cart .button_left {
    float: left;
    height: 25px;
    width: 350px;
}
.payment_cart .button_right {
    float:right;
    height: 115px;
    margin-right: 20px;
}
/* ================================================== */
/* '/RedSparkCore/1.3.x/templates/kb_redspark/styles/02_modules/products/list.css' */
/* ================================================== */

#products_list .product_entry {
    
}

    #products_list .product_entry .content_image {
        float:left;
        width: 82px;
        height: 82px;
        overflow:hidden;
        margin: 0 25px 25px 0;
        background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/imageframe/PictureFrame64.png) no-repeat;
    }
        #products_list .product_entry .content_image a {
            border: 0;
        }
        #products_list .product_entry .content_image_inner {
            margin:10px;
            overflow:hidden;
            position:relative;
            width:62px;
            height:62px;
        }

    #products_list .product_entry .content_text {
        float: left;
        margin: 0 25px 25px 0;
        width: 489px;
    }
        #products_list .product_entry .content_text h2 {
            float:left;
        }
        #products_list .product_entry .content_text .price {
            float:right;
            text-align:right;
            font-size: 16px;
            color: #174C54;
        }
    
        #products_list .product_entry .content_text p {
            margin-bottom: 0;
            float:left;
            width: 420px;
        }
        #products_list .product_entry .content_text .buy_option {
            float:right;
        }
/* ================================================== */
/* '/RedSparkCore/1.3.x/templates/kb_redspark/styles/02_modules/products/read.css' */
/* ================================================== */

.products_read .infobox {
    float:right;
    margin-bottom: 15px;
    width: 128px; 
    margin-left: 15px;
}
/* ================================================== */
/* '/RedSparkCore/1.3.x/templates/kb_redspark/styles/03_plugins/box_type1.css' */
/* ================================================== */

.box1,
.box1_dialog {
    width: 800px;
    display: block;
    overflow: hidden;
    position: relative;
}
    .box1 .boxtop,
    .box1_dialog .boxtop {
        width: 800px;
        height: 26px;
        display: block;
        overflow: hidden;
        background: transparent url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/dialog2/bg_top.png) left top no-repeat;
    }
        .box1 .boxtopinner,
        .box1_dialog .boxtopinner {
            padding: 0;
            margin: 6px 0 0 10px;
            overflow: hidden;
            color: #404144;
            font-family: Tahoma, sans-serif;
            font-size: 12px;
        }
            .box1 .boxtopinner h1,
            .box1_dialog .boxtopinner h1 {
                margin: 0;
                padding: 0;
                color: #404144;
                font-family: Tahoma, sans-serif;
                font-size: 12px;
                font-weight: bold;
            }

    .box1 .boxmiddle,
    .box1_dialog .boxmiddle {
        width: 800px;
        display: block;
        overflow: hidden;
        background: transparent url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/dialog2/bg_middle.png) left top repeat-y;
    }
        .box1 .boxmiddleinner,
        .box1_dialog .boxmiddleinner {
            margin: 0 20px;
            padding: 0;
            overflow: hidden;
            overflow-y: scroll;
            color: #404144;
            font-family: Tahoma, sans-serif;
            font-size: 12px;
        }
        
        
        .box1_dialog .boxmiddleinner {
            max-height: 500px;
            width: 760px;
            margin-top: 5px;
            border-bottom: dotted 1px #ccc;
            overflow: hidden
            overflow-y: auto;
        }
        
        .box1_dialog_confirm .boxmiddleinner {
            overflow: hidden;
            border: 0px;
        }
        
            .dialogwrap {
                margin: 5px 0 0 10px;
                padding: 0 0 5px 0;
                width: 740px;
            }
                .dialogwrap2 {
                    margin: 0 0 20px 20px;
                    width: 720px;
                }

    .box1 .boxbottom,
    .box1_dialog .boxbottom {
        width: 800px;
        height: 20px;
        display: block;
        overflow: hidden;
        background: transparent url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/dialog2/bg_bottom.png) left top no-repeat;
    }
        .box1 .boxbottominner,
        .box1_dialog .boxbottominner {
            padding: 0;
            margin: 6px 0 6px 10px;
            overflow: hidden;
            color: #404144;
            font-family: Tahoma, sans-serif;
            font-size: 12px;
        }

.overlay {
    background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/semitransparent_25_black.png) left top repeat;
}

.dialogOverlay {
    -moz-border-radius:16px;
    -webkit-border-radius: 16px;
    -khtml-border-radius: 16px;
    border-radius: 16px;
}

/* der Dialog im CMS wird hiermit zentriert ueber der Seite positioniert */
#root .dialog_cms {
    position: absolute;
    top: 100px;
    left: 50%;
    margin-left: -295px;
}

.dialog_icon_close {
    position: absolute;
    top: 3px;
    right: 3px;
    width:24px;
    height:24px;
    overflow:hidden;
}

    .dialog_icon_close a.close {
        background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/icons/close_button.png) no-repeat scroll 0 0;
        width:24px;
        height:48px;
        cursor:pointer;
        text-indent:-9999px;
        position:relative;
        display:block;
    }
    
    .dialog_icon_close a.close:hover {
        top:-24px;
    }
    
#root .dialog .imageDialog .boxtop{
    height:15px;
}

#root .dialog .imageDialog .boxmiddle{
    
}

#root .dialog .imageDialog .boxmiddleinner{
    max-height:100%;
    overflow:hidden;
    margin:0 0 0 15px;    
    width:770px;
    border:0;
}
    #root .dialog .imageDialog .boxmiddleinner .dialogwrap{
        margin:0;
        padding:0;
        width:770px;
    }
#root .dialog .imageDialog .boxbottom{
    height:15px;
    background-position: left bottom;

}
/* ================================================== */
/* '/RedSparkCore/1.3.x/templates/kb_redspark/styles/03_plugins/breadcrumb.css' */
/* ================================================== */

#breadcrumb .crumb {
    height: 15px;
    margin: 3px 25px 7px 35px;
}
#breadcrumb .crumb a {
    color:#063263;
    border:0;
    text-decoration: none;
    font-weight: normal;
}
#breadcrumb .crumb a:hover {
    color:#174C54;
    border:0;
    text-decoration: none;
}
#breadcrumb hr {
    background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/breadcrumb_hr.png) repeat-x;
    border:0;
    margin:0;
    width: 691px;
}
/* ================================================== */
/* '/RedSparkCore/1.3.x/templates/kb_redspark/styles/03_plugins/button.css' */
/* ================================================== */

.button {
    font-size: 0;
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
    margin: 1px;
}
.button_disabled {
    opacity: 0.5;
}

    /* linkes Ende */
    .button .bl {
        font-size: 0;
        height: 100%;
        cursor: default;
        vertical-align: top;
        display: inline-block;
    }
    .button_disabled .bl {
        cursor: default;
    }
    
    /* optionaler Icon */
    .button .bi {
        font-size: 0;
        height: 100%;
        cursor: pointer;
        vertical-align: top;
        display: inline-block;
    }
    .button_disabled .bi {
        cursor: default;
    }
        .button .bi img {
            cursor: pointer;
            vertical-align: top;
            display: inline-block;
        }
        .button_disabled .bi img {
            cursor: default;
        }
        
    /* Mittelteil */
    .button .bm {
        font-size: 0;
        height: 100%;
        cursor: pointer;
        vertical-align: top;
        display: inline-block;
        
    }
    .button_disabled .bm {
        cursor: default;
    }
    
        .button .bm input,
        .button .bm span,
        .button .bm a span {
            display: inline;
            background: transparent;
            border: none;
            padding: 0;
            margin: 0;
            
            vertical-align: top;
            color: #404144;
            font-family: Tahoma, sans-serif;
            font-size: 12px;
            line-height: 15px;
            text-decoration: none;
            cursor: pointer;
        }
        .button .bm input {
            
        }
        .button_disabled .bm input,
        .button_disabled .bm span,
        .button_disabled .bm a span {
            cursor: default;
            color: ;
        }
        
        .button_normal .bm span,
        .button_normal .bm a span {
            position: relative;
            top: 4px;
        }        
        
    /* rechtes Ende */
    .button .br {
        font-size: 0;
        height: 100%;
        cursor: default;
        vertical-align: top;
        display: inline-block;
    }
    .button_disabled .br {
        cursor: default;
    }

/* ------------------------------------ */
body .button_normal {
    height: 25px;
}
    body .button_normal .bl,
    body .button_normal .bi,
    body .button_normal .bm,
    body .button_normal .br {
        background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/buttons/button_sprite.png) 0 -450px repeat-x;
    }

    /* linkes Ende */
    body .button_normal .bl {
        width: 10px;
        background-position: 0 -450px;
        
    }
    body .button_normal:hover .bl {
        background-position: 0 -475px;
    }
    
    /* optionaler Icon */
    body .button_normal .bi {
        background-position: 0 -550px;
    }
    body .button_normal:hover .bi {
        background-position: 0 -575px;
    }
        body .button_normal .bi img {
            padding: 5px 2px 0 0;
            
        }
        
    /* Mittelteil */
    body .button_normal .bm {
        background-position: 0 -550px;
    }
    body .button_normal:hover .bm {
        background-position: 0 -575px;
    }
        body .button_normal .bm input,
        body .button_normal .bm span,
        body .button_normal .bm a span {
            padding-top: 3px;
            
        }
        
    /* rechtes Ende */
    body .button_normal .br {
        width: 10px;
        background-position: 0 -500px;
    }
    body .button_normal:hover .br {
        background-position: 0 -525px;
    }

/* ------------------------------------ */
body .button_red {
    height: 25px;
}
    body .button_red .bl,
    body .button_red .bi,
    body .button_red .bm,
    body .button_red .br {
        background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/buttons/button_sprite.png) 0 -150px repeat-x;
    }

    /* linkes Ende */
    body .button_red .bl {
        width: 10px;
        background-position: 0 -150px;
    }
    body .button_red:hover .bl {
        background-position: 0 -175px;
    }
    
    /* optionaler Icon */
    body .button_red .bi {
        background-position: 0 -250px;
    }
    body .button_red:hover .bi {
        background-position: 0 -275px;
    }
        body .button_red .bi img {
            padding: 5px 2px 0 0;
            
        }
        
    /* Mittelteil */
    body .button_red .bm {
        background-position: 0 -250px;
    }
    body .button_red:hover .bm {
        background-position: 0 -275px;
    }
        body .button_red .bm input,
        body .button_red .bm span,
        body .button_red .bm a span {
            color: #ffe5e5;
            padding-top: 3px;
                    
        }
        body .button_red:hover .bm input,
        body .button_red:hover .bm span,
        body .button_red:hover .bm a span {
            color: #fff;    
        }
        
    /* rechtes Ende */
    body .button_red .br {
        width: 10px;
        background-position: 0 -200px;
    }
    body .button_red:hover .br {
        background-position: 0 -225px;
    }

/* ------------------------------------ */
body .button_orange {
    height: 25px;
}
    body .button_orange .bl,
    body .button_orange .bi,
    body .button_orange .bm,
    body .button_orange .br {
        background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/buttons/button_sprite.png) 0 -300px repeat-x;
    }

    /* linkes Ende */
    body .button_orange .bl {
        width: 10px;
        background-position: 0 -300px;
    }
    body .button_orange:hover .bl {
        background-position: 0 -325px;
    }
    
    /* optionaler Icon */
    body .button_orange .bi {
        background-position: 0 -400px;
    }
    body .button_orange:hover .bi {
        background-position: 0 -425px;
    }
        body .button_orange .bi img {
            padding: 5px 2px 0 0;
            
        }
        
    /* Mittelteil */
    body .button_orange .bm {
        background-position: 0 -400px;
    }
    body .button_orange:hover .bm {
        background-position: 0 -425px;
    }
        body .button_orange .bm input,
        body .button_orange .bm span,
        body .button_orange .bm a span {
            color: #ffeedf;
            padding-top: 3px;
            
        }
        body .button_orange:hover .bm input,
        body .button_orange:hover .bm span,
        body .button_orange:hover .bm a span {
            color: #fff;
        }
        
    /* rechtes Ende */
    body .button_orange .br {
        width: 10px;
        background-position: 0 -350px;
    }
    body .button_orange:hover .br {
        background-position: 0 -375px;
    }

/* ------------------------------------ */
body .button_green {
    height: 25px;
}

    body .button_green .bl,
    body .button_green .bi,
    body .button_green .bm,
    body .button_green .br {
        background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/buttons/button_sprite.png) 0 0 repeat-x;
    }
    /* linkes Ende */
    body .button_green .bl {
        width: 10px;
        height: 25px;
        background-position: 0 0;
    }
    body .button_green:hover .bl {
        background-position: 0 -25px;
    }
    
    /* optionaler Icon */
    body .button_green .bi {
        background-position: 0 -100px;
    }
    body .button_green:hover .bi {
        background-position: 0 -125px;
    }
        body .button_green .bi img {
            padding: 5px 2px 0 0;
            
        }
        
    /* Mittelteil */
    body .button_green .bm {
        background-position: 0 -100px;
    }
    body .button_green:hover .bm {
        background-position: 0 -125px;
    }
        body .button_green .bm input,
        body .button_green .bm span,
        body .button_green .bm a span {
            color: #fff;
            padding-top: 3px;
            
        }
        
    /* rechtes Ende */
    body .button_green .br {
        width: 10px;
        background-position: 0 -50px;
    }
    body .button_green:hover .br {
        background-position: 0 -75px;
    }

/* ------------------------------------ */
body .button_small {
    height: 16px;
}
    /* Ein Button = ein Sprite */
    body .button_small .bl,
    body .button_small .bm,
    body .button_small .br {
        background: url(/static/img/0/templates/img/img/buttons/button_small.png) 0 0 repeat-x;
    }
    /* linkes Ende */
    
    body .button_small .bl {
        width: 5px;
    }
    body .button_small:hover .bl {
        background-position: 0 -16px;
    }
    body .button_disabled:hover .bl {
        background-position: 0 0;
    }
    
    /* optionaler Icon */
    body .button_small .bi {
        display: none;
    }
        
    /* Mittelteil */
    body .button_small .bm {
        background-position: 0 -32px;
    }
    body .button_small:hover .bm {
        background-position: 0 -48px;
    }
    body .button_disabled:hover .bm {
        background-position: 0 -32px;
    }
        body .button_small .bm input,
        body .button_small .bm span,
        body .button_small .bm a span {
            font-size: 10px;
            line-height: 13px;
            padding-top: 0px;
            
            
        }
        body .button_small .bm span,
        body .button_small .bm a span {
            position: relative;
            top: 1px;
        }        
        
    /* rechtes Ende */
    body .button_small .br {
        width: 5px;
        background-position: 0 -64px;
    }
    body .button_small:hover .br {
        background-position: 0 -80px;
    }
    body .button_disabled:hover .br {
        background-position: 0 -64px;
    }

/* ############################################# */
/* dynamic_button Klasse */

.quirks_mode a,
.quirks_mode a:hover {
    text-decoration: none;
    border-bottom: none;
}

html#root a.dynamic_button,
html#root a.dynamic_button_middle,
html#root a.dynamic_button_long,
html#root a.dynamic_button_error {
    width: 80px;
    height: 16px;
    margin: 2px -3px 0 0;
    padding: 0 0 0 5px;
    
    
    text-decoration: none;
    border-bottom: none;
    color: #666;
    font-family: Tahoma, sans-serif;
    font-weight: normal;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
    
    display: inline-block;
    
    background: url(/static/img/0/templates/img/img/buttons/whole_small.png) left top no-repeat;
}
html#root a.dynamic_button_middle {
    width: 140px;
    background: url(/static/img/0/templates/img/img/buttons/whole_middle.png) left top no-repeat;
}
html#root a.dynamic_button_long {
    width: 180px;
    background: url(/static/img/0/templates/img/img/buttons/whole_long.png) left top no-repeat;
}
html#root a.dynamic_button:hover,
html#root a.dynamic_button_middle:hover,
html#root a.dynamic_button_long:hover,
html#root a.dynamic_button_error:hover {
    color: #404144;
    background-image: url(/static/img/0/templates/img/img/buttons/whole_small.highlight.png);
}
html#root a.dynamic_button_middle:hover {
    background-image: url(/static/img/0/templates/img/img/buttons/whole_middle.highlight.png);
}
html#root a.dynamic_button_long:hover {
    background-image: url(/static/img/0/templates/img/img/buttons/whole_long.highlight.png);
}

    html#root a.dynamic_button .button .bl,
    html#root a.dynamic_button .button .bi,
    html#root a.dynamic_button .button .bm,
    html#root a.dynamic_button .button .bm input,
    html#root a.dynamic_button .button .bm input:hover,
    html#root a.dynamic_button .button .bm span,
    html#root a.dynamic_button .button .bm span:hover,
    html#root a.dynamic_button .button .bm a span,
    html#root a.dynamic_button .button .bm a span:hover,
    html#root a.dynamic_button .button .bm a,
    html#root a.dynamic_button .button .bm a:hover,
    html#root a.dynamic_button .button .br {
        background: transparent;
        padding: 0;
        margin: 0;
        width: auto;
        height: auto;
        position: static;
        top: 0;
        display: inline-block;
        
        color: #666;
        font-family: Tahoma, sans-serif;
        font-weight: normal;
        font-size: 10px;
    }
    

/* New Button markup */
a.buttonnew {
    background: url(/templates/kb_redspark/img/buttons/button_sprite2.png) no-repeat;
    height: 25px;
    padding: 5px 0 6px 5px;
    text-decoration: none;
    border: 0;
}
a.buttonnew:hover {
    background-position: 0 -25px;
}
    a.buttonnew span {
        background: url(/templates/kb_redspark/img/buttons/button_sprite2.png) no-repeat right -50px;
        height: 20px;
        padding: 5px 5px 6px 0;
        color: #fff;
        text-align: center;
    }
    a.buttonnew:hover span {
        background-position: right -75px;
    }
    
/* New red buton */
a.buttonnew_red {
    background-position: 0 -100px;
}
    a.buttonnew_red:hover {
        background-position: 0 -125px;
    }
    a.buttonnew_red span {
        background-position: right -150px;
    }
    a.buttonnew_red:hover span {
        background-position: right -175px;
    }
/* ================================================== */
/* '/RedSparkCore/1.3.x/templates/kb_redspark/styles/03_plugins/content.css' */
/* ================================================== */

#content {
    margin: 15px 35px 15px 35px;
    overflow:hidden;
    width: 621px;
}


#content .wysiwyg_text {
    margin-bottom: 12px;
    float:left;
    width: 621px;
}
#content .content_column_1 .wysiwyg_text {
    width: 460px;
}

#content .content_column_1 {
    float:left;
    width: 460px;
    overflow:hidden;
}
#content .vr {
    float:left;
    width: 2px;
    min-height: 430px;
    margin: -20px 7px 0 7px;
    background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/vr.png);
}
#content .content_column_2 {
    float:left;
    width: 135px;
    overflow:hidden;
    margin-left: 5px;
}

/* Two column */
#content .twocolumn .column1 {
    float:left;
    width: 312px;
}
#content .twocolumn .column2 {
    float:left;
    width: 312px;
}

 
#content .content_image {
    float:left;
    margin: 48px 25px 10px 0;
}

#content .content_text {
    float:left;
    margin: 30px 35px 25px 0;
}

    #content_left .content_text h2 {
        margin-top:0px;
        font-size: 14px;
        color: #174C54;
    }
    
#content .breadcrumb {
    padding-bottom: 10px;
    margin-bottom: 5px;
    border-bottom: 1px dashed #174C54;
}


        
    /* Code umgebung */
    #content .code {
        background-color:#F9F9F9;
        border:1px dashed #ccc;
        line-height:1em;
        padding:1em;
        overflow:auto;
    }
        #content .code span {
            font-family: Consolas, "courier new";
            color: #404144;
        }
        
/* hr zwischen Seite und Kategorieseite */
#content .divider {
    height: 30px;
    margin-bottom:10px;
}
#content .dividerinner {
    position:absolute;
    background:url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/breadcrumb_hr.png) repeat-x;
    left: 1px;
    width: 693px;
    height: 2px;
}
#content .dividerinner h2 {
    margin: 4px 35px 0 35px;
}
#content .content_column_1 .dividerinner {
    width: 504px;
}    

/* images in copytext */
img.img_align_left {
    margin: 0 8px 8px 0;
}
img.img_align_right {
    margin: 0 0 8px 8px;
}
/* ================================================== */
/* '/RedSparkCore/1.3.x/templates/kb_redspark/styles/03_plugins/extendedlist.css' */
/* ================================================== */

.asset_list_value_0 {
    width: 80px;
    float:left;
    font-weight:bold;
}
.asset_list_value_1 {
    width: 520px;
    float:left;
}
/* ================================================== */
/* '/RedSparkCore/1.3.x/templates/kb_redspark/styles/03_plugins/form.css' */
/* ================================================== */

#form_content {
    width: 450px;
    position: relative;
}

    /* Allgemein */
    #form_content dl {
        width: 450px;
        background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/form/FormElement45full.png);
        margin:0;
        min-height: 45px;
        
    }
    #form_content dl dt {
        float:left;
        width: 100px;
        margin: 15px 25px 0 25px;
        text-align:right;
    }
    #form_content dl dd {
        float:left;
        width: 280px;
        margin: 0 15px 0 0;
    }
    
    /* Buttons */
    #form_content .f_buttongroup {
        position: absolute;
        bottom: 12px;
        right: 25px;
    }
    #form_content .f_buttongroup input {
        cursor: pointer; 
    }
    
    /* Gruppe */
    #form_content .f_fieldset .boximage {
        position: relative;
    }
        #form_content .f_fieldset .boximageinner {
            position: absolute;
            background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/imageframe/PictureFrame45.png);
            width: 57px;
            height: 57px;
            right: 25px;
            top: -25px;
        }
        #form_content .f_fieldset .boximage img {
            margin: 7px;
        }
    #form_content .f_fieldset .boxtop {
        background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/form/FormOben.png);
        width: 450px;
    }
    #form_content .f_fieldset .boxmiddle {
        background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/form/FormMitte.png);
        width: 450px;
    }
    #form_content .f_fieldset .boxbottom {
        background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/form/FormUnten.png);
        width: 450px;
    }
        /* Header */
        #form_content .f_fieldset .legend {
            height: 20px;
            margin: 5px 1px 10px 1px;
            float:left;
            width: 448px;
        }
            #form_content .f_fieldset .legend h3 {
                margin-left: 25px;
                color: #063263;
            }
        /* Content */
        #form_content .f_fieldset .inner {
            float:left;
            margin-bottom: 10px;
        }
        /* Platz für buttons */
        #form_content .f_fieldset .spaceforbuttons {
            float:left;
            height: 30px;
        }
        
        
        
    /* Input Formelement */
    #form_content .inner .f_input dd {
        margin-top: 8px;
    }
    #form_content .inner .f_input input {
        width: 260px;
        padding:6px;
        
    }
    
    /* Checkbox Formelement */
    #form_content .f_checkboxgroup dd {
        margin-top: 12px;
    }
    /* Info Formelement */
    #form_content .f_info dd {
        margin-top: 14px;
    }
    
    .fo_error label {
        color: red;
    }
    
    /* Textarea */
    #form_content .inner dl.f_textarea {
        min-height: 135px;
        background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/form/FormElement135full.png);
    }
    #form_content .inner .f_textarea dd {
        margin-top: 8px;
    }
    #form_content .inner .f_textarea textarea {
        width: 268px;
        height: 115px;
        font-family: Tahoma, sans-serif;
    }
    
    /* Captcha */
    #form_content .inner dl.f_captcha {
        min-height: 135px;
        background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/form/FormElement135full.png);
    }
        #form_content .inner dl.f_captcha dd {
            margin-top: 8px;
        }
        #form_content .inner dl.f_captcha input {
            margin-top: 8px;
        }
    
/* ================================================== */
/* '/RedSparkCore/1.3.x/templates/kb_redspark/styles/03_plugins/imageBox.css' */
/* ================================================== */

.dialog .image_dialog {
    filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX='5',OffY='5',Color='#FF0000')";
    -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX='5',OffY='5',Color='#FF0000')";

    -khtml-box-shadow:rgba(0,0,0,1) 0px 0px 50px;
    -moz-box-shadow:rgba(0,0,0,1) 0px 0px 50px;
    box-shadow:rgba(0,0,0,1) 0px 0px 50px;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    -opera-border-radius:0px;
    -khtml-border-radius:0px;
    border-radius:0px;    
}

    .dialog .image_dialog img {
        display:block;
    } 
    
    .dialog .image_dialog .dialog_icon_close {
        right:-8px;
        top:-8px;
    }


    
/* ================================================== */
/* '/RedSparkCore/1.3.x/templates/kb_redspark/styles/03_plugins/media.css' */
/* ================================================== */

.media_group {
    float:left;
    margin: 0 20px 20px 0
}

.media_group .media_preview {
    position:relative;
    float:left;
    top:0;
}

.media_info {
    color:#999999; 
    font-size:10px;
}
/* ================================================== */
/* '/RedSparkCore/1.3.x/templates/kb_redspark/styles/03_plugins/menu_bottom.css' */
/* ================================================== */

    #footer_left ul.menu {
        margin: 37px 0 37px 40px;
        padding: 0;
        float:left;
    }
        #footer_left ul.menu li {
            float:left;
            list-style: none;
            margin-right: 15px;
        }
            #footer_left ul.menu li a {
                float:left;
                text-decoration: none;
                border: 0;
                font-weight: bold;
                color: #8B8E91;
            }
                #footer_left ul.menu li.active a,
                #footer_left ul.menu li a:hover {
                    color: #174C54;
                }
        /* No Submenus */
        #footer_left ul.menu ul {
            display:none;
        }
/* ================================================== */
/* '/RedSparkCore/1.3.x/templates/kb_redspark/styles/03_plugins/menu_meta.css' */
/* ================================================== */

#pagemenu2 {
        width: 972px;
        margin: auto auto;
        text-align: left;
        position: relative;
    }
        #menutop2 {
            position: absolute;
            top: 31px;
            right: 16px;
        }

            #menutop2 ul.menu {
                margin: 0;
                padding: 0;
                float:left;
            }
                #menutop2 ul.menu li {
                    float:left;
                    list-style: none;
                    margin-right: 15px;
                }
                    #menutop2 ul.menu li a {
                        float:left;
                        text-decoration: none;
                        border: 0;
                        font-weight: bold;
                    }
                        #menutop2 ul.menu li a {
                            color: #8B8E91;
                        }
                        #menutop2 ul.menu li a.menu_active,
                        #menutop2 ul.menu li a:hover {
                            color: #174C54;
                        }
                /* No Submenus */
                #menutop2 ul.menu ul {
                    display:none;
                }
/* ================================================== */
/* '/RedSparkCore/1.3.x/templates/kb_redspark/styles/03_plugins/menu_top.css' */
/* ================================================== */

#pagemenu {
        width: 972px;
        margin: auto auto;
        text-align: left;
        position: relative;
    }
        #menutop {
            position: absolute;
            top: -37px;
            right: 0px;
        }

            #menutop ul.menu {
                margin: 0;
                padding: 0;
                float:left;
            }
                #menutop ul.menu li {
                    float:left;
                    list-style: none;
                    margin-right: 15px;
                }
                    #menutop ul.menu li a {
                        float:left;
                        text-decoration: none;
                        border: 0;
                        font-weight: bold;
                        outline-width: 0;
                    }
                        #menutop ul.menu li a span {
                            color: #F5F6F7;
                        }
                        #pagemenu #menutop ul.menu li.active a span,
                        #pagemenu #menutop ul.menu li a:hover span {
                            color: white;
                        }
                /* No Submenus */
                #menutop ul.menu ul {
                    display:none;
                }
                
#pagemenu .button_navi {
    font-size:0;
    line-height:0;
}                
    #pagemenu .button_navi .bl,
    #pagemenu .button_navi .br {
        
        width:3px;
        height: 27px;
        display: inline-block;
        font-size:0;
        line-height:0;
        margin: 0;
        background:url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/button_navi.png);
        cursor: pointer;
        
        
    }
        #pagemenu .button_navi .bl .blinner,
        #pagemenu .button_navi .br .brinner {
            width:3px;
            display: inline-block;
            margin: 8px 0 0 0;
            line-height:12px;
            cursor: pointer;
        }
    #pagemenu .button_navi .br {
        background-position: 0 -54px;
    }                
    #pagemenu .button_navi .bm {
        height: 27px;
        display: inline-block;
        cursor: pointer;
        background:url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/button_navi.png) 0 -27px repeat-x;
    }                
        #pagemenu .button_navi .bm .bminner {
            display: inline-block;
            margin: 8px 5px 0 5px;
            line-height:12px;
            cursor: pointer;
            color: #8B8E91;
        }                
        #pagemenu .button_navi .bm .bminner:hover {
            color: white;
        }                
/* ================================================== */
/* '/RedSparkCore/1.3.x/templates/kb_redspark/styles/03_plugins/messagebox.css' */
/* ================================================== */

#center_left .messagebox .boxtop {
    background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/message/MessageTop.png);
    width: 621px;
}
#center_left .messagebox .boxmiddle {
    background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/message/MessageMiddle.png);
    width: 621px;
}
    #center_left .messagebox .boxmiddleinner {
        margin: 0 15px 0 15px;
    }
#center_left .messagebox .boxbottom {
    background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/message/MessageBottom.png);
    width: 621px;
    margin-bottom: 15px;
}

.messagebox2 {
    
    
    background: #8b8e91;
    border: 5px solid #8b8e91;
    display:block;
    margin:10px 35px 10px 35px ;
    width:620px;
}
    .messagebox2 ul {
        margin:-5px 0 0 0;
        padding:0;
    }
        .messagebox2 ul li {
            -moz-border-radius-bottomleft:3px;
            -moz-border-radius-bottomright:3px;
            -moz-border-radius-topleft:3px;
            -moz-border-radius-topright:3px;
            background-position:5px 5px;
            background-repeat:no-repeat;
            font-weight:normal;
            margin:5px 0 0 0;
            padding:5px 5px 5px 34px;
            list-style-type: none;
        }
        
        .messagebox2 ul li.error {
            background-color:#FFE0D1;
            background-image:url(/templates/kb_fallback/img/icons/famfam/silk_icons/flag_red.png);
            color:#CC0000;
        }
        .messagebox2 ul li.warning {
            background-color: #fff8b9;
            background-image: url(/templates/kb_fallback/img/icons/famfam/silk_icons/flag_yellow.png);
            color: #ff9a03;
        }
        .messagebox2 ul li.success {
            background-color: #e3ffd1;
            background-image: url(/templates/kb_fallback/img/icons/famfam/silk_icons/flag_green.png);
            color: #7ad503; 
        }
        
        
/* ================================================== */
/* '/RedSparkCore/1.3.x/templates/kb_redspark/styles/03_plugins/overlay.css' */
/* ================================================== */

.overlay {
    background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/semitransparent_25_black.png) left top repeat;
}


.dialog_icon_close {
    position: absolute;
    top: 3px;
    right: 3px;
    width:24px;
    height:24px;
    overflow:hidden;
}

    .dialog_icon_close a.close {
        background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/icons/close_button.png) no-repeat scroll 0 0;
        width:24px;
        height:48px;
        cursor:pointer;
        text-indent:-9999px;
        position:relative;
        display:block;
    }
    
    .dialog_icon_close a.close:hover {
        top:-24px;
    }
    
#root .dialog .imageDialog .boxtop{
    height:15px;
}

#root .dialog .imageDialog .boxmiddle{
    
}

#root .dialog .imageDialog .boxmiddleinner{
    max-height:100%;
    overflow:hidden;
    margin:0 0 0 15px;    
    width:770px;
    border:0;
}
    #root .dialog .imageDialog .boxmiddleinner .dialogwrap{
        margin:0;
        padding:0;
        width:770px;
    }
#root .dialog .imageDialog .boxbottom{
    height:15px;
    background-position: left bottom;

}



.icon {
    position: absolute;
    top: 3px;
    right: 3px;
    width:24px;
    height:24px;
    overflow:hidden;
}

    .icon a {
        width:24px;
        height:48px;
        cursor:pointer;
        text-indent:-9999px;
        position:relative;
        display:block;
    }
    
    .icon a:hover {
        top:-24px;
    }
    
    .icon a.close {
        background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/icons/close_button.png) no-repeat scroll 0 0;
    }
    
    .icon a.plus {
        background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/icons/plus_button.png) no-repeat scroll 0 0;
    }
        
    .icon a.circle {
        background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/icons/circle_button.png) no-repeat scroll 0 0;
    }
/* ================================================== */
/* '/RedSparkCore/1.3.x/templates/kb_redspark/styles/03_plugins/pagenavigation.css' */
/* ================================================== */

#pagenavigation hr {
    background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/breadcrumb_hr.png) repeat-x;
    border:0;
    margin-left: 2px;
    width: 691px;
    
}
#pagenavigation .pagenav_left {
    float:left;
    margin: 7px 0 3px 40px;
    width: 205px;
}
#pagenavigation .pagenav_top {
    float:left;
    margin: 7px 0 3px 0;
    width: 205px;
    text-align:center;
}
#pagenavigation .pagenav_right {
    float:right;
    margin: 7px 40px 3px 0;
    width: 205px;
    text-align:right;
}
/* ================================================== */
/* '/RedSparkCore/1.3.x/templates/kb_redspark/styles/03_plugins/prettyPhoto.css' */
/* ================================================== */

/* ------------------------------------------------------------------------
    This you can edit.
------------------------------------------------------------------------- */

    div.light_rounded .pp_top .pp_left { background: url(/templates/kb_fallback/img/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
    div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */
    div.light_rounded .pp_top .pp_right { background: url(/templates/kb_fallback/img/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
    
    div.light_rounded .pp_content .ppt { color: #000; }
    div.light_rounded .pp_content_container .pp_left,
    div.light_rounded .pp_content_container .pp_right { background: #fff; }
    div.light_rounded .pp_content { background-color: #fff; } /* Content background */
    div.light_rounded .pp_next:hover { background: url(/templates/kb_fallback/img/prettyPhoto/light_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
    div.light_rounded .pp_previous:hover { background: url(/templates/kb_fallback/img/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
    div.light_rounded .pp_expand { background: url(/templates/kb_fallback/img/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
    div.light_rounded .pp_expand:hover { background: url(/templates/kb_fallback/img/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
    div.light_rounded .pp_contract { background: url(/templates/kb_fallback/img/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
    div.light_rounded .pp_contract:hover { background: url(/templates/kb_fallback/img/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
    div.light_rounded .pp_close { width: 75px; height: 22px; background: url(/templates/kb_fallback/img/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
    div.light_rounded #pp_full_res .pp_inline { color: #000; } 

    div.light_rounded .pp_arrow_previous { background: url(/templates/kb_fallback/img/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
        div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
    div.light_rounded .pp_arrow_next { background: url(/templates/kb_fallback/img/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
        div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

    div.light_rounded .pp_bottom .pp_left { background: url(/templates/kb_fallback/img/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
    div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */
    div.light_rounded .pp_bottom .pp_right { background: url(/templates/kb_fallback/img/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

    div.light_rounded .pp_loaderIcon { background: url(/templates/kb_fallback/img/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */
    
    /* ----------------------------------
        Dark Rounded Theme
    ----------------------------------- */
    
    div.dark_rounded .pp_top .pp_left { background: url(/templates/kb_fallback/img/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
    div.dark_rounded .pp_top .pp_middle { background: url(/templates/kb_fallback/img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */
    div.dark_rounded .pp_top .pp_right { background: url(/templates/kb_fallback/img/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
    
    div.dark_rounded .pp_content_container .pp_left { background: url(/templates/kb_fallback/img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */
    div.dark_rounded .pp_content_container .pp_right { background: url(/templates/kb_fallback/img/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */
    div.dark_rounded .pp_content { background: url(/templates/kb_fallback/img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */
    div.dark_rounded .pp_next:hover { background: url(/templates/kb_fallback/img/prettyPhoto/dark_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
    div.dark_rounded .pp_previous:hover { background: url(/templates/kb_fallback/img/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
    div.dark_rounded .pp_expand { background: url(/templates/kb_fallback/img/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
    div.dark_rounded .pp_expand:hover { background: url(/templates/kb_fallback/img/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
    div.dark_rounded .pp_contract { background: url(/templates/kb_fallback/img/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
    div.dark_rounded .pp_contract:hover { background: url(/templates/kb_fallback/img/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
    div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(/templates/kb_fallback/img/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
    div.dark_rounded .currentTextHolder { color: #c4c4c4; }
    div.dark_rounded .pp_description { color: #fff; }
    div.dark_rounded #pp_full_res .pp_inline { color: #fff; } 

    div.dark_rounded .pp_arrow_previous { background: url(/templates/kb_fallback/img/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
        div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
    div.dark_rounded .pp_arrow_next { background: url(/templates/kb_fallback/img/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
        div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

    div.dark_rounded .pp_bottom .pp_left { background: url(/templates/kb_fallback/img/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
    div.dark_rounded .pp_bottom .pp_middle { background: url(/templates/kb_fallback/img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */
    div.dark_rounded .pp_bottom .pp_right { background: url(/templates/kb_fallback/img/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

    div.dark_rounded .pp_loaderIcon { background: url(/templates/kb_fallback/img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
    
    
    /* ----------------------------------
        Dark Square Theme
    ----------------------------------- */
    
    div.dark_square .pp_left ,
    div.dark_square .pp_middle,
    div.dark_square .pp_right,
    div.dark_square .pp_content { background: url(/templates/kb_fallback/img/prettyPhoto/dark_square/contentPattern.png) top left repeat; }
    div.dark_square .currentTextHolder { color: #c4c4c4; }
    div.dark_square .pp_description { color: #fff; }
    div.dark_square .pp_loaderIcon { background: url(/templates/kb_fallback/img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
    
    div.dark_square .pp_content_container .pp_left { background: url(/templates/kb_fallback/img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */
    div.dark_square .pp_content_container .pp_right { background: url(/templates/kb_fallback/img/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */
    div.dark_square .pp_expand { background: url(/templates/kb_fallback/img/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
    div.dark_square .pp_expand:hover { background: url(/templates/kb_fallback/img/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
    div.dark_square .pp_contract { background: url(/templates/kb_fallback/img/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
    div.dark_square .pp_contract:hover { background: url(/templates/kb_fallback/img/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
    div.dark_square .pp_close { width: 75px; height: 22px; background: url(/templates/kb_fallback/img/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
    div.dark_square #pp_full_res .pp_inline { color: #fff; } 
    
    div.dark_square .pp_arrow_previous { background: url(/templates/kb_fallback/img/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
        div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
    div.dark_square .pp_arrow_next { background: url(/templates/kb_fallback/img/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
        div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
    
    div.dark_square .pp_next:hover { background: url(/templates/kb_fallback/img/prettyPhoto/dark_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
    div.dark_square .pp_previous:hover { background: url(/templates/kb_fallback/img/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */


    /* ----------------------------------
        Light Square Theme
    ----------------------------------- */
    
    div.light_square .pp_left ,
    div.light_square .pp_middle,
    div.light_square .pp_right,
    div.light_square .pp_content { background: #fff; }
    
    div.light_square .pp_content .ppt { color: #000; }
    div.light_square .pp_expand { background: url(/templates/kb_fallback/img/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
    div.light_square .pp_expand:hover { background: url(/templates/kb_fallback/img/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
    div.light_square .pp_contract { background: url(/templates/kb_fallback/img/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
    div.light_square .pp_contract:hover { background: url(/templates/kb_fallback/img/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
    div.light_square .pp_close { width: 75px; height: 22px; background: url(/templates/kb_fallback/img/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
    div.light_square #pp_full_res .pp_inline { color: #000; } 
    
    div.light_square .pp_arrow_previous { background: url(/templates/kb_fallback/img/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
        div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
    div.light_square .pp_arrow_next { background: url(/templates/kb_fallback/img/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
        div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
    
    div.light_square .pp_next:hover { background: url(/templates/kb_fallback/img/prettyPhoto/light_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
    div.light_square .pp_previous:hover { background: url(/templates/kb_fallback/img/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */


    /* ----------------------------------
        Facebook style Theme
    ----------------------------------- */
    
    div.facebook .pp_top .pp_left { background: url(/templates/kb_fallback/img/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */
    div.facebook .pp_top .pp_middle { background: url(/templates/kb_fallback/img/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */
    div.facebook .pp_top .pp_right { background: url(/templates/kb_fallback/img/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } /* Top right corner */
    
    div.facebook .pp_content .ppt { color: #000; }
    div.facebook .pp_content_container .pp_left { background: url(/templates/kb_fallback/img/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */
    div.facebook .pp_content_container .pp_right { background: url(/templates/kb_fallback/img/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } /* Content background */
    div.facebook .pp_content { background: #fff; } /* Content background */
    div.facebook .pp_expand { background: url(/templates/kb_fallback/img/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
    div.facebook .pp_expand:hover { background: url(/templates/kb_fallback/img/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
    div.facebook .pp_contract { background: url(/templates/kb_fallback/img/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
    div.facebook .pp_contract:hover { background: url(/templates/kb_fallback/img/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
    div.facebook .pp_close { width: 22px; height: 22px; background: url(/templates/kb_fallback/img/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
    div.facebook #pp_full_res .pp_inline { color: #000; } 
    div.facebook .pp_loaderIcon { background: url(/templates/kb_fallback/img/prettyPhoto/facebook/loader.gif) center center no-repeat; } /* Loader icon */
    
    div.facebook .pp_nav .pp_arrow_previous { background: url(/templates/kb_fallback/img/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */
        div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; }
    div.facebook .pp_nav .pp_arrow_next { background: url(/templates/kb_fallback/img/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */
        div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; }
    div.facebook .pp_nav { margin-top: 0; }
    div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; }
    
    div.facebook .pp_next:hover { background: url(/templates/kb_fallback/img/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
    div.facebook .pp_previous:hover { background: url(/templates/kb_fallback/img/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
    
    div.facebook .pp_bottom .pp_left { background: url(/templates/kb_fallback/img/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
    div.facebook .pp_bottom .pp_middle { background: url(/templates/kb_fallback/img/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */
    div.facebook .pp_bottom .pp_right { background: url(/templates/kb_fallback/img/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

/* ----------------------------------
        Dark Rounded Theme
    ----------------------------------- */
    

    
    div.dark_faded .pp_top .pp_left { background: none;  } /* Top left corner */
    div.dark_faded .pp_top .pp_middle { background: none;  } /* Top pattern/color */
    div.dark_faded .pp_top .pp_right { background: none;   } /* Top right corner */
    
    
    div.dark_faded .pp_content_container .pp_left { 
 background:none;
        
        } /* Left Content background */
    div.dark_faded .pp_content_container .pp_right { background:none; } /* Right Content background */
    div.dark_faded .pp_content { 
        background:#dcdcdc;
        filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX='5',OffY='5',Color='#FF0000')";
        -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX='5',OffY='5',Color='#FF0000')";
        -khtml-box-shadow:rgba(0,0,0,1) 0px 0px 30px;
        -moz-box-shadow:rgba(0,0,0,1) 0px 0px 30px;
        box-shadow:rgba(0,0,0,1) 0px 0px 30px;
        -moz-border-radius:0px;
        -webkit-border-radius:0px;
        -opera-border-radius:0px;
        -khtml-border-radius:0px;
        border-radius:0px;    
        
    } /* Content background */
    div.dark_faded .pp_next { background: url(/templates/kb_fallback/img/prettyPhoto/dark_faded/btn_next.png) center right  no-repeat; cursor: pointer; } /* Next button */
    div.dark_faded .pp_next:hover { background: url(/templates/kb_fallback/img/prettyPhoto/dark_faded/btn_next_hover.png) center right  no-repeat; cursor: pointer; } /* Next button */
    div.dark_faded .pp_previous { background: url(/templates/kb_fallback/img/prettyPhoto/dark_faded/btn_prev.png) center left no-repeat; cursor: pointer; } /* Previous button */
    div.dark_faded .pp_previous:hover { background: url(/templates/kb_fallback/img/prettyPhoto/dark_faded/btn_prev_hover.png) center left no-repeat; cursor: pointer; } /* Previous button */
    div.dark_faded .pp_expand { background: url(/templates/kb_fallback/img/prettyPhoto/dark_faded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
    div.dark_faded .pp_expand:hover { background: url(/templates/kb_fallback/img/prettyPhoto/dark_faded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
    div.dark_faded .pp_contract { background: url(/templates/kb_fallback/img/prettyPhoto/dark_faded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
    div.dark_faded .pp_contract:hover { background: url(/templates/kb_fallback/img/prettyPhoto/dark_faded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
    div.dark_faded .icon { top:-10px;right:10px;z-index:999999; cursor: pointer; } /* Close button */
    div.dark_faded .currentTextHolder { color: #c4c4c4; }
    div.dark_faded .pp_description { color: #fff; }

    div.dark_faded .pp_arrow_previous { background: url(/templates/kb_fallback/img/prettyPhoto/dark_faded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
    div.dark_faded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
    div.dark_faded .pp_arrow_next { background: url(/templates/kb_fallback/img/prettyPhoto/dark_faded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
    div.dark_faded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

    div.dark_faded .pp_content_container .pp_details a,
    div.dark_faded .pp_content_container .pp_details p,
    div.dark_faded .pp_content_container .pp_details div,
    div.dark_faded .pp_content_container .pp_details {margin:0 0 0 0;height:0;display:none;line-height:0;padding:0}
    
    div.dark_faded .pp_bottom .pp_left { background: none; } /* Bottom left corner */
    div.dark_faded .pp_bottom .pp_middle { background: none;  } /* Bottom pattern/color */
    div.dark_faded .pp_bottom .pp_right { background: none;  } /* Bottom right corner */


    div.dark_faded .pp_loaderIcon { background: url(/templates/kb_fallback/img/prettyPhoto/dark_faded/loader.gif) center center no-repeat; } /* Loader icon */
    
     
                    
/* ------------------------------------------------------------------------
    DO NOT CHANGE
------------------------------------------------------------------------- */

    div.pp_pic_holder a:focus { outline:none; }

    div.pp_overlay {
        background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/semitransparent_25_black.png) left top repeat;
        display: none;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 9500;
    }
    
    div.pp_pic_holder {
        display: none;
        position: absolute;
        width: 100px;
        z-index: 10000;
    }
        
        .pp_top {
            height: 20px;
            position: relative;
        }
            * html .pp_top { padding: 0 20px; }
        
            .pp_top .pp_left {
                height: 20px;
                left: 0;
                position: absolute;
                width: 20px;
            }
            .pp_top .pp_middle {
                height: 20px;
                left: 20px;
                position: absolute;
                right: 20px;
            }
                * html .pp_top .pp_middle {
                    left: 0;
                    position: static;
                }
            
            .pp_top .pp_right {
                height: 20px;
                left: auto;
                position: absolute;
                right: 0;
                top: 0;
                width: 20px;
            }
        
        .pp_content { height: 40px; }
        
        .pp_content .ppt {
            left: auto;
            margin-bottom: 5px;
            position: relative;
            top: auto;
        }
        
        .pp_fade { display: none; }
        
        .pp_content_container {
            position: relative;
            text-align: left;
            width: 100%;
        }
        
            .pp_content_container .pp_left { padding-left: 20px; }
            .pp_content_container .pp_right { padding-right: 20px; }
        
            .pp_content_container .pp_details {
                margin: 10px 0 2px 0;
            }
                .pp_description {
                    display: none;
                    margin: 0 0 5px 0;
                }
                
                .pp_nav {
                    clear: left;
                    float: left;
                    margin: 3px 0 0 0;
                }
                
                    .pp_nav p {
                        float: left;
                        margin: 2px 4px;
                    }
                
                    .pp_nav a.pp_arrow_previous,
                    .pp_nav a.pp_arrow_next {
                        display: block;
                        float: left;
                        height: 15px;
                        margin-top: 3px;
                        overflow: hidden;
                        text-indent: -10000px;
                        width: 14px;
                    }
        
        .pp_hoverContainer {
            position: absolute;
            top: 0;
            width: 100%;
            z-index: 4000;
        }
        
        a.pp_next {
            background: url(/templates/kb_fallback/img/prettyPhoto/light_rounded/btn_next.png) 10000px 10000px no-repeat;
            display: block;
            float: right;
            height: 100%;
            text-indent: -10000px;
            width: 49%;
            outline:none;
            outline-style:none;
            outline-color:transparent;
            
        }
            
        a.pp_previous {
            background: url(/templates/kb_fallback/img/prettyPhoto/light_rounded/btn_prev.png) 10000px 10000px no-repeat;
            display: block;
            float: left;
            height: 100%;
            text-indent: -10000px;
            width: 49%;
            outline:none;
            outline-style:none;
            outline-color:transparent;
        }
        
        a.pp_expand,
        a.pp_contract {
            cursor: pointer;
            display: none;
            height: 20px;    
            position: absolute;
            right: 30px;
            text-indent: -10000px;
            top: 10px;
            width: 20px;
            z-index: 20000;
        }
            
        a.pp_close {
            display: block;
            float: right;
            text-indent: -10000px;
        }
        
        .pp_bottom {
            height: 20px;
            position: relative;
        }
            * html .pp_bottom { padding: 0 20px; }
            
            .pp_bottom .pp_left {
                height: 20px;
                left: 0;
                position: absolute;
                width: 20px;
            }
            .pp_bottom .pp_middle {
                height: 20px;
                left: 20px;
                position: absolute;
                right: 20px;
            }
                * html .pp_bottom .pp_middle {
                    left: 0;
                    position: static;
                }
                
            .pp_bottom .pp_right {
                height: 20px;
                left: auto;
                position: absolute;
                right: 0;
                top: 0;
                width: 20px;
            }
        
        .pp_loaderIcon {
            display: block;
            height: 24px;
            left: 50%;
            margin: -12px 0 0 -12px;
            position: absolute;
            top: 50%;
            width: 24px;
        }
        
        #pp_full_res {
            line-height: 1 !important;
        }
        
            #pp_full_res .pp_inline {
                text-align: left;
            }
            
                #pp_full_res .pp_inline p { margin: 0 0 15px 0; }
    
        div.ppt {
            color: #fff;
            display: none;
            font-size: 17px;
            left: 0;
            position: absolute;
            top: 0;
            z-index: 9999;
        }

/* ------------------------------------------------------------------------
    Miscellaneous
------------------------------------------------------------------------- */

    .clearfix:after {
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
    }

    .clearfix {display: inline-block;}

    /* Hides from IE-mac \*/
    * html .clearfix {height: 1%;}
    .clearfix {display: block;}
    /* End hide from IE-mac */
/* ================================================== */
/* '/RedSparkCore/1.3.x/templates/kb_redspark/styles/03_plugins/tagcloud.css' */
/* ================================================== */

#tagcloud {
    margin-top:30px;
}

#tagcloud a {
/*    color: #a5bddc ; */
    font-size: 12px;
    font-weight: normal;
    margin: 0px 1px 1px 0px;
    padding: 1px;
    text-decoration: none;
    white-space: nowrap;
}

#tagcloud a:hover {
/*    color:#3B5998; */
    background: #E8E8E8; 
}

#tagcloud .clouditem_0 {
/*    color: #d5daec; */
    font-size: 11px;
}

#tagcloud .clouditem_1 {
    font-size: 12px;
}

#tagcloud .clouditem_2 {
    font-size: 14px;
}

#tagcloud .clouditem_3 {
    font-size: 15px;
}

#tagcloud .clouditem_4 {
    font-size: 16px;
    font-weight: bold;
/*     color: #9ab2d6; */
}

#tagcloud .clouditem_5 {
    font-size: 18px;
/*    color: #9ab2d6; */
}

#tagcloud .clouditem_6 {
/*    color: #9ab2d6; */
    font-size: 18px;
}

#tagcloud .clouditem_7 {
/*    color: #3f6fbd; */
    font-size: 19px
}

#tagcloud .clouditem_8 {
/*    color: #3f6fbd; */
    font-size: 21px;
}

#tagcloud .clouditem_9 {
/*    color: #3f6fbd; */
    font-size: 22px;
}

#tagcloud .clouditem_10 {
/*     color: #0a3f99; */
    font-size: 29px;
    font-weight: normal;
    padding: 0px;
}
/* ================================================== */
/* '/RedSparkCore/1.3.x/templates/kb_redspark/styles/03_plugins/teaser.css' */
/* ================================================== */


#teaser {
    overflow:hidden;
    width: 251px;
}
    

/* Rechts gelten andere Farben */
#teaser p {
    color: #8B8E91;
}

    #teaser .boxmiddledark {
        background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/teaserbox_dark.png);
        height: 63px;
        overflow:hidden;
    }
    #teaser .boxmiddlegradient {
        background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/teaserbox_gradient.png) repeat-x;
        height: 70px;
        overflow:hidden;
    }
    #teaser .boxmiddlegradient2 {
        background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/teaserbox_gradient95.png) repeat-x;
        height: 93px;
        overflow:hidden;
    }


/* About Box mit dem grossen Bild */
    #teaser .boxabout .boxabout_image {
        margin:10px 14px 10px 10px; 
        float:left;
        background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/imagebox_81.png);
        ;
    }
        #teaser .boxabout .boxabout_image img {
            display: block;
            margin: 9px;
        }
    #teaser .boxabout .boxabout_text {
        margin:10px 10px 10px 0; 
        float:left;
        width: 136px;
        
    }
    #teaser .boxabout h3 {
        margin-top: 0px;
        font-size:14px;
        line-height:14px;
        color: #063263;
    }
    #teaser .boxabout .boxabout_text p {
    color: #8B8E91;
    margin: 0 0 5px 0;
}

/* Blogeintrag Box mit kleinem Bild */
#teaser .boxblog {
    height: 90px;
    overflow:hidden;
}
    #teaser .boxblog_image {
        float:left;
        background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/imagebox_57.png) no-repeat;
        margin: 20px 16px 5px 12px;
        width:57px;
        height:57px;
        
    }
        #teaser .boxblog_image img {
            margin: 6px;
            width:45px;
            height:45px;
        }
    #teaser .boxblog_text {
        float:left;
        margin: 11px 10px 8px 0;
        width: 155px;
        height: 77px;
                overflow:hidden;
        
        
    }
        #teaser .boxblog_text h3 {
            color: #063263;
            font-weight: normal;
            padding: 0;
            margin: 0 0 2px 0;
        }
        #teaser .boxblog_text a:hover h3 {
            color: #174C54;
        }

/* Suchbox */
#teaser .boxsearch {
    height: 63px;
    margin-left: 10px;
}
    
    #teaser .boxsearch .boxleft {
        float:left;
        background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/search.png) 0 0 no-repeat;
        width: 16px;
        height: 34px;
        margin-top: 15px;
    }
    #teaser .boxsearch .boxmiddle {
        float:left;
        background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/search.png) 0 -34px repeat-x;
        height: 34px;
        margin-top: 15px;
    }
        #teaser .boxsearch .boxmiddle input {
            margin:0 10px 0 0;
            padding: 0 0 0 0;
            width: 165px;
            height: 34px;
             /*der drecks-ie raft es einfach nicht */
            border:0;
            background:transparent;
            font-size: 14px;
            overflow: hidden;
        }
    #teaser .boxsearch .boxright {
        float:left;
        width: 36px;
        height: 34px;
        margin-top: 15px;
    }
        #teaser .boxsearch .boxright input.searchsubmit {
            cursor: pointer;
            text-indent: -9999px;
            overflow: hidden;
            line-height:0;
            font-size:0;
            margin: 0;
            height: 34px;
            padding: 0;
            width: 36px;
            border: 0;
            display:block;
            float:left;
            background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/search.png) 0 -68px no-repeat;
        }
    
/* Newsletter eintragen box */
#teaser .boxsubscribe {
    height: 63px;
}
    #teaser .boxsubscribe img.icon {
        margin: 22px 0 0 10px;
        display:block;
        float:left;
    }

    #teaser .boxsubscribe input {
        margin: 14px 0 5px 9px;
        height: 32px;
        padding: 0;
        width: 175px;
        display:block;
        float:left;
    }
    #teaser .boxsubscribe button {
        margin: 14px 0 5px 0;
        height: 32px;
        padding: 0;
        width: 36px;
        border: 0 1px 1px 0;
        display:block;
        float:left;
    }
    
#teaser .box_cart {}

    #teaser .box_cart .boxcart_text {
        float:left;
        margin: 15px 10px 0 15px;
    }
    #teaser .box_cart .boxcart_button {
        float:left;
        margin: 25px 0 0 20px;
    }
    #teaser .box_cart .boxcart_image {
        width:57px;
        height:57px;
        background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/imagebox_57.png) no-repeat;
        margin: 4px 10px 0 10px;
        float:right;
    }
        #teaser .box_cart .boxcart_image img {
            margin: 6px;
            width:45px;
            height:45px;
        }
/* ================================================== */
/* '/RedSparkCore/1.3.x/templates/kb_redspark/styles/03_plugins/toc.css' */
/* ================================================== */

ol.toc,
ul.toc {
    margin-left: 0px;
}
/* Erstes li hat kein Symbol */
ul.toc li.toc {
    list-style: none;
}
/* weitere Stufen mit disc */
ul.toc li.toc li {
    list-style: disc;
}


/* Ab zweiter ebene alphabetisch weiter */
ol.toc li li {
    list-style-type:lower-alpha;
}
/* ================================================== */
/* '/RedSparkFramework/1.1.8/templates/kb_redspark/styles/03_plugins/content.css' */
/* ================================================== */

#content {
    margin: 15px 35px 15px 35px;
    overflow:hidden;
    width: 621px;
}


#content .wysiwyg_text {
    margin-bottom: 12px;
    float:left;
    width: 621px;
}
#content .content_column_1 .wysiwyg_text {
    width: 460px;
}

#content .content_column_1 {
    float:left;
    width: 460px;
    overflow:hidden;
}
#content .vr {
    float:left;
    width: 2px;
    min-height: 430px;
    margin: -20px 7px 0 7px;
    background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/vr.png);
}
#content .content_column_2 {
    float:left;
    width: 135px;
    overflow:hidden;
    margin-left: 5px;
}

/* Two column */
#content .twocolumn .column1 {
    float:left;
    width: 312px;
}
#content .twocolumn .column2 {
    float:left;
    width: 312px;
}

 
#content .content_image {
    float:left;
    margin: 48px 25px 10px 0;
}

#content .content_text {
    float:left;
    margin: 30px 35px 25px 0;
}

    #content_left .content_text h2 {
        margin-top:0px;
        font-size: 14px;
        color: #174C54;
    }
    
#content .breadcrumb {
    padding-bottom: 10px;
    margin-bottom: 5px;
    border-bottom: 1px dashed #174C54;
}

/* Kategorieseiten */
#category_overview {
    
}
    #category_overview .category_entry {
        margin-bottom:20px; 
        border: 2px dashed #174C54;
    }
        #category_overview .category_entry .category_icon {
            float:left; 
            width:100px; 
            height:100px; 
            margin:5px 10px 5px 5px; 
            padding:5px 5px 0 0; 
            border-right: 1px #174C54 solid;
        }
        #category_overview .category_entry .no_category_icon {
            float:left; 
            width:121px; 
            height:100px;
        }
        #category_overview .category_entry .teasertext {
            float:left;
            margin:5px 5px 5px 0;
            width: 490px;
        }

/* Kategorieseiten zweispaltig */
    #content .category_onecolumn h2 a,
    #content .category_twocolumn h2 a {
        text-decoration: none;
        border: 0;
        font-weight: normal;
        color: #174C54;
    }
    #content .category_onecolumn h2 a:hover,
    #content .category_twocolumn h2 a:hover {
        text-decoration: none;
        border: 0;
        color: #063263;
    }
    #content .category_twocolumn .column_left {
        float:left;
        width: 300px;
        margin-right: 25px;
    }
    #content hr.category_onecolumn_hr,
    #content hr.category_twocolumn_hr {
        margin-bottom: 8px;
    }
    #content .category_onecolumn .content_image a,
    #content .category_twocolumn .content_image a {
        border: 0;
    }
        
        #content .category_onecolumn .content_image_inner {
            margin:25px;
            overflow:hidden;
            position:relative;
            width:100px;
            height:100px;
        }
        
            #content .category_onecolumn .content_image_inner a{
                position:static !important;
            }
        
        /* One col */
        #content .category_onecolumn .content_image {
            float:left;
            width: 130px;
            overflow:hidden;
            margin: 5px 25px 10px 0;
            min-height: 128px;
            background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/imageframe/PictureFrame100.png) no-repeat;
        }
            #content .category_onecolumn .content_image img {
                margin: 0;
            }
            
        #content .category_onecolumn .content_text {
            float:left;
            margin: 0;
            padding-bottom: 1px; /* damit links nicht abgeschnitten werden */
            width: 460px;
            
            overflow:hidden;
        }
        /* Two col */
        #content .category_twocolumn .content_image {
            float:left;
            width: 82px;
            min-height: 81px;
            overflow:hidden;
            margin: 18px 25px 10px 0;
            background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/imageframe/PictureFrame64.png) no-repeat;
        }
            #content .category_twocolumn .content_image img {
                margin: 9px;
            }
        
        #content .category_twocolumn .content_text {
            float:left;
            margin: 0;
            padding-bottom: 1px; /* damit links nicht abgeschnitten werden */
            width: 188px;
            overflow:hidden;
        }
        
    /* Code umgebung */
    #content .code {
        background-color:#F9F9F9;
        border:1px dashed #ccc;
        line-height:1em;
        padding:1em;
        overflow:auto;
    }
        #content .code span {
            font-family: Consolas, "courier new";
            color: #404144;
        }
        
/* hr zwischen Seite und Kategorieseite */
#content .divider {
    height: 30px;
    margin-bottom:10px;
}
#content .dividerinner {
    position:absolute;
    background:url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/breadcrumb_hr.png) repeat-x;
    left: 1px;
    width: 693px;
    height: 2px;
}
#content .dividerinner h2 {
    margin: 4px 35px 0 35px;
}
#content .content_column_1 .dividerinner {
    width: 504px;
}    

/* images in copytext */
img.img_align_left {
    margin: 0 8px 8px 0;
}
img.img_align_right {
    margin: 0 0 8px 8px;
}
/* ================================================== */
/* '/RedSparkFramework/1.1.8/templates/kb_redspark/styles/03_plugins/featurelist.css' */
/* ================================================== */

#featurelist {
    width: 620px;
    border-collapse: collapse;
    margin-left: 1px;
}
    #featurelist td,
    #featurelist th {
        border: 0;
    }
    #featurelist th.app {
        text-align:left;
    }
    #featurelist td.odd {
        text-align:center;
        background: #d9dadd;
    }
    #featurelist td.even {
        text-align:center;
        background: #f3f4f7;
    }

/****************/
/* FeatureGroup */
/****************/

    
/***********/
/* Feature */
/***********/
#featurelist tr.feature {
    border-top: 1px solid #404144;
}
    #featurelist tr.feature_last {
        border-bottom: 1px solid #404144;
    }
#featurelist .feature td {
    vertical-align:top;
}
#featurelist .feature td.title {
    padding-left: 10px;
}
    #featurelist .feature td.title .feature_info {
        display: none; /* show via js */
        margin-top: 5px;
        color: #8B8E91;
    }
        #featurelist .feature td.title .feature_info p {
            color: #8B8E91;
        }
    #featurelist .feature td.info a {
        border: 0;
        text-decoration: none;
    }
#featurelist .feature td.app {
    
}

#featurelist .feature a.subfeature_toggle {
    font-weight: bold;
}


/**************/
/* SubFeature */
/**************/
#featurelist .subfeature {
    display: none;
}

#featurelist .subfeature td {
    vertical-align:top;
}
#featurelist .subfeature td.title {
    padding-left: 20px;
}
    #featurelist .subfeature td.title .subfeature_info {
        display: none; /* show via js */
        margin-top: 5px;
        color: #8B8E91;
    }
        #featurelist .subfeature td.title .subfeature_info p {
            color: #8B8E91;
        }
    
    #featurelist .subfeature td.info a {
        border: 0;
        text-decoration: none;
    }

/* Spacer */
    #featurelist tr.spacer {
        /* border-top: 1px solid #404144;*/
    }
/* ================================================== */
/* '/RedSparkFramework/1.1.8/templates/kb_redspark/styles/03_plugins/media.css' */
/* ================================================== */

/* ================================================== */
/* '/RedSparkCore/1.3.x/templates/kb_redspark/styles/04_content.css' */
/* ================================================== */

/* Styles für den WYSIWYG */
body {
    color:                 #404144;
    font-family:         Tahoma, sans-serif;
    font-size:             12px;
    background-color:    #F5F6F7;
}


h1 {
    font-family:         Tahoma, sans-serif;
    color:                 #174C54;
    font-size:             22px;
    line-height:         26px;
    font-weight:         normal;
    font-style:         normal;
    margin:             0 0 15px 0;
    display:             block;
    letter-spacing:     0.1pt;
    padding:             0 0 2px 0;
    clear:                 both;
    float:                none;
}

h2 {
    font-family:         Tahoma, sans-serif;
    color:                 #174C54;
    font-size:             16px;
    line-height:        20px;
    font-weight:         normal;
    font-style:         normal;
    margin:             0 0 5px 0;
    display:             block;
    letter-spacing:     0.1pt;
    padding:             0 0 2px 0;
    clear:                 both;
    float:                 none;
}

h3 {
    font-family:         Tahoma, sans-serif;
    color:                 #6E2220;
    font-size:             14px;
    line-height:        18px;
    font-weight:         bold;
    font-style:         normal;
    margin:             0 0 5px 0;
    display:             block;
    letter-spacing:     0.1pt;
    padding: 0 0 2px 0;
    clear: both;
    float: none;
}

h4 {
    font-family:         Tahoma, sans-serif;
    color:                 #6E2220;
    font-size:             12px;
    line-height:         16px;
    font-weight:         bold;
    font-style:         normal;
    margin:             0 0 5px 0;
    display:             block;
    letter-spacing:     0.1pt;
    padding: 0 0 2px 0;
    clear: both;
    float: none;
}

h5 {
    font-family:         Tahoma, sans-serif;
    color:                 #6E2220;
    font-size:             10px;
    line-height:        14px;
    font-weight:         bold;
    font-style:         normal;
    margin:             0 0 5px 0;
    display:             block;
    letter-spacing:     0.1pt;
    padding: 0 0 2px 0;
    clear: both;
    float: none;
}

h1.first,
h2.first,
h3.first, 
h4.first,
h5.first {
    margin-top: -3px;
}

emph {
    color:                 #ccc;
    font-size:             12px;
    font-weight:        bold;
    font-family:        Tahoma, sans-serif;
    margin:             0 0 0 0;
    background:            url(/images/blank.gif) left 1px no-repeat;
    padding:            0 0 0 18px;
    text-decoration:    none;
}

strong {
    font-weight:        bold;
    /*
    color:                 #ccc;
    font-size:             12px;
    font-weight:        bold;
    font-family:        Tahoma, sans-serif;
    margin:             0 0 0 0;
    background:            url() right 4px no-repeat;
    padding:            0 23px 0 0;
    text-decoration:    none;
    */
}

.normal {
    color:                 #404144;
    font-family:         Tahoma, sans-serif;
    font-size:             12px;
}

.small {
    color:                 #404144;
    font-family:         Tahoma, sans-serif;
    font-size:             11px;
}

.headline {
    font-family:         Tahoma, sans-serif;
    color:                 #174C54;
    font-size:             22px;
    font-weight:         normal;
    font-style:         normal;
    margin:             0 0 15px 0;
    display:             block;
    letter-spacing:     0.1pt;
    padding:             0;
    clear:                 both;
    float:                none;
}

.sub_headline {
    font-family:         Tahoma, sans-serif;
    color:                 #174C54;
    font-size:             16px;
    font-weight:         normal;
    font-style:         normal;
    margin:             0 0 5px 0;
    display:             block;
    letter-spacing:     0.1pt;
    padding:             0 0 0 0;
    clear:                 both;
    float:                 none;
}

.sub_sub_headline {
    font-family:         Tahoma, sans-serif;
    color:                 #6E2220;
    font-size:             14px;
    font-weight:         bold;
    font-style:         normal;
    margin:             0 0 5px 0;
    display:             block;
    letter-spacing:     0.1pt;
    padding: 0 0 0 0;
    clear: both;
    float: none;
}

.paragraph {
    font-family:         Tahoma, sans-serif;
    color:                 #6E2220;
    font-size:             12px;
    font-weight:         bold;
    font-style:         normal;
    margin:             0 0 5px 0;
    display:             block;
    letter-spacing:     0.1pt;
    padding: 0 0 0 0;
    clear: both;
    float: none;
}

.sub_paragraph {
    font-family:         Tahoma, sans-serif;
    color:                 #6E2220;
    font-size:             10px;
    font-weight:         bold;
    font-style:         normal;
    margin:             0 0 5px 0;
    display:             block;
    letter-spacing:     0.1pt;
    padding: 0 0 0 0;
    clear: both;
    float: none;
}
/*
.marked {
    color:                 #ccc;
    font-size:             12px;
    font-weight:        bold;
    font-family:        Tahoma, sans-serif;
    margin:             0 0 0 0;
    background:            url(/images/blank.gif) left 1px no-repeat;
    padding:            0 0 0 18px;
    text-decoration:    none;
}

.marked2 {
    color:                 #ccc;
    font-size:             12px;
    font-weight:        bold;
    font-family:        Tahoma, sans-serif;
    margin:             0 0 0 0;
    background:            url() right 4px no-repeat;
    padding:            0 23px 0 0;
    text-decoration:    none;
}
*/
.code {
    background-color:#F9F9F9;
    border:1px dashed #ccc;
    line-height:1em;
    padding:1em;
}
    .code span {
        font-family: Consolas, "courier new";
        color: #404144;
    }    
    
img.img_align_top {
    vertical-align:text-top;
}

img.img_align_middle {
    vertical-align:middle;
}

img.img_align_bottom {
    vertical-align:text-bottom;
}

img.img_align_middle {
    vertical-align:middle;
}

img.img_align_baseline {
    vertical-align:baseline;
}

img.img_align_textTop  {
    vertical-align:top;
}

img.img_align_absBottom {
    vertical-align: bottom;    
}

img.img_align_absMiddle {
    vertical-align: middle;    
}    
/* ================================================== */
/* '/RedSparkCore/1.3.x/templates/kb_redspark/styles/screen.css' */
/* ================================================== */

#pagewrap {
    width: 100%;
    text-align: center;
    background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/background.png) repeat-x;
    
}
    #pageheader {
        width: 100%;
        height: 53px;
        overflow:hidden;
        background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/header_gradient.png) repeat-x #174C54;
        
    }
    #pagelogo {
        width: 972px;
        margin: auto auto;
        text-align: left;
        position: relative;
    }
        #logo {
            position: absolute;
            top: -43px;
        }
    #page {
        width: 962px;
        margin: auto auto;
        text-align: left;
        position:relative;
    }
    
    
        /* ---------- header ---------------------------- */
        #header {
            margin-top: 59px;
        }
            #header .boxtop,
            #header .boxmiddle,
            #header .boxbottom {
                background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/headerbox.png) repeat-y; 
            }
            #header .boxtop {
                height:11px;
            }
            #header .boxmiddle {
                background-position: -962px 0;
                padding: 0 11px;
                line-height:1px;
                font-size:1px;
            }
            #header .boxbottom {
                background-position: -1924px 0;
                height:11px;
            }
        
        /* ---------- content ---------------------------- */
        #center {
            margin-top: 13px;
        }
            #center_left {
                width: 695px;
                float: left;
                margin: 0 16px 0 0;
            }
                #center_left .boxtop {
                    height:7px;
                    width:695px;
                    background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/contentbox_v.png) 0 0;
                }
                #center_left .boxmiddle {
                    width:695px;
                    background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/contentbox_v.png) -695px 0 repeat-y;
                }
                    #center_left .boxmiddleleft {
                        float:left;
                        background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/contentbox_h.png) 0 0;
                        width: 2px;
                        height:501px;
                    }
                    #center_left .boxmiddlecenter {
                        width: 691px;
                        float:left;
                        min-height:514px;
                        
                        background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/contentbox_h.png) 0 -1002px repeat-x;
                    }
                    
                    #center_left .boxmiddleright {
                        float:left;
                        background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/contentbox_h.png) 0 -501px;
                        width: 2px;
                        height:501px;

                    }
                    
                #center_left .boxbottom {
                    height:7px;
                    width:695px;
                    background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/contentbox_v.png) -1390px 0;
                }
                
            /* Boxen oben und unten mit Abschluss der Ecken. Beliebig viele mittelboxen */
            #center_right {
                width: 251px;
                float: left;
            }
                #center_right .boxtop {
                    background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/teaser/TeaserSprite.png);
                    
                    
                    height: 7px;
                }
                #center_right .boxmiddle {
                    background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/teaser/TeaserSprite.png) -251px 0 repeat-y;
                    
                    
                    overflow:hidden;
                }
                #center_right .boxbottom {
                    background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/teaser/TeaserSprite.png) -502px 0;
                    
                    
                    height: 7px;
                }
    
        /* ---------- footer ---------------------------- */
        #bottom {
            margin: 14px 0;
        }
            #bottom .boxleft {
                float:left;
                width: 6px;
                height: 84px;
                background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/footer/FooterSprite.png) 0 0;
                
                
            }
            #bottom .boxmiddle {
                float:left;
                width: 950px;
                height: 84px;
                background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/footer/FooterSprite.png) 0 -84px repeat-x;
                
                
                overflow:hidden;
            }
            #bottom .boxright {
                float:left;
                width: 6px;
                height: 84px;
                background: url(/static/RedSparkCore/1.3.x/templates/kb_redspark/img/layout/footer/FooterSprite.png) 0 -168px;
                
                
            }
                #footer {
                    width: 950px;
                    margin: 0 0 0 35px;
                }
                #footer #footer_left {
                    width: 689px;
                    float:left;
                }
                #footer  #footer_right {
                    width: 245px;
                    float:left;
                }
                    #footer_right img {
                        margin-top: 30px;
                        margin-left: 40px;
                        float:left;
                    }