/* default styles */
body
{
    background:             #fff;
    color:                  #99116d;
    font-family:            trebuchet ms;
    font-size:              11px;
    line-height:            18px;
    margin:                 0;
    padding:                0;
    text-align:             center;
}

h1 { font-size: 21px; }
h2 { font-size: 19px; }
h3 { font-size: 17px; }
h4 { font-size: 15px; }
h5 { font-size: 13px; }
h6 { font-size: 11px; }

h1, h2, h3, h4
{
    margin:                 0 0 11px 0;
}

h5, h6
{
    margin:                 0 0 3px 0;
}

p
{
    margin:                 0 0 11px 0;
}

a
{
    color:                  #000;
    text-decoration:        none;
}

a:hover
{
    color:                  #99116d;
    text-decoration:        underline;
}

table
{
    margin:                 0 0 11px 0;
    padding:                0;
    width:                  100%;
}

table th, table td
{
    padding-left:           6px;
    text-align:             left;
    vertical-align:         top;
}

table th
{
    border-bottom:          solid 1px #99116d;
    font-weight:            bold;
    text-transform:         lowercase;
}

input, textarea, select
{
    color:                  #99116d;
    font:                   12px trebuchet ms;
}

input.button
{
    background:             url('../../images/button.png') no-repeat;
    border:                 none;
    font-weight:            bold;
    height:                 23px;
    margin:                 0 0 11px 0;
    text-transform:         lowercase;
    width:                  79px;
}

input.small, textarea.small, select.small
{
    width:                  100px;
}

input.medium, textarea.medium, select.medium
{
    width:                  200px;
}

input.large, textarea.large, select.large
{
    width:                  300px;
}
/* default styles */


/* menu */
#menu .shadow
{
    background:             url('../../images/shadow.png') no-repeat;
    height:                 5px;
    margin:                 0;
    padding:                0;
    position:               absolute;
    top:                    146px;
    width:                  990px;
    z-index:                2;
}

#menu ul
{
    height:                 36px;
    margin:                 0;
    padding:                0;
}

#menu ul li
{
    background-repeat:      no-repeat;
    float:                  left;
    height:                 36px;
    list-style:             none;
    margin:                 00;
    padding:                0;
    width:                  140px;
}

#menu ul li a.active
{
    font-weight:            bold;
    position:               relative;
    z-index:                3;
}

#menu ul li a
{
    background-repeat:      no-repeat;
    color:                  #fff;
    display:				block;
    height:                 26px;
    line-height:			1em;
    overflow:				visible;
    padding:				10px 15px 0 15px;
    position:               relative;
    text-align:				center;
    text-decoration:        none;
    vertical-align:			bottom;
    width:					140;
}

#menu li.orange1 a.active, #menu li.orange1 a:hover, #menu li.orange2 a.active, #menu li.orange2 a:hover, #menu li.orange3 a.active, #menu li.orange3 a:hover, #menu li.orange4 a.active, #menu li.orange4 a:hover, #menu li.orange5 a.active, #menu li.orange5 a:hover, #menu li.orange6 a.active, #menu li.orange6 a:hover
{
    color:                  #99116d !important;
}

#menu li.purple1 a.active, #menu li.purple1 a:hover, #menu li.purple2 a.active, #menu li.purple2 a:hover, #menu li.purple3 a.active, #menu li.purple3 a:hover
{
    color:                  #f39723;
}
/* menu */


/* submenu */
#col1 ul
{
    margin:                 0 0 11px 0;
    padding:                0;
    line-height:            18px;
}

#col1 ul li
{
    list-style-position:    inside;
    list-style-type:        square;
}

#col1 ul li a
{
    color:                  #99116d;
    font-weight:            bold;
    text-decoration:        none;
}

#col1 ul li a:hover
{
    text-decoration:        underline;
}
/* submenu */


/* layout */
#container
{
    margin:                 0 auto 0 auto;
    text-align:             left;
    width:                  990px;
}

#menu
{
    height:                 36px;
    padding-top:            115px;
    position:               relative;
    width:                  990px;
}

#menu h1
{
    background:             url('../../images/logo.gif') no-repeat;
    height:                 100px;
    left:                   34px;
    margin:                 0;
    padding:                0;
    position:               absolute;
    text-indent:            -10000px;
    top:                    14px;
    width:                  159px;
}

#special
{
    color:                  #f39723;
    position:               absolute;
    right:                  0;
    text-transform:         lowercase;
    top:                    0;
}

#special a
{
    color:                  #f39723;
}

#body
{
    padding:                10px 2px 2px 2px;
    position:               relative;
    z-index:                1;
}

#body #payoff
{
    background-repeat:      no-repeat;
    height:                 47px;
    left:                   300px;
    position:               absolute;
    text-indent:            -10000px;
    top:                    -100px;
    width:                  611px;
    z-index:                2;
}

#body #skikki
{
    background-color:       red;
    bottom:                 0;
    position:               absolute;    
    right:                  0;
    z-index:                2;
}

#body.orange1, div.orange1
{
    background-color:       #f39723;
}

#body.orange1 #payoff
{
   background-image:        url('../../images/payoff_orange1.gif');
}

#body.orange1 #skikki, #body.orange2 #skikki, #body.orange3 #skikki, #body.orange4 #skikki, #body.orange5 #skikki, #body.orange6 #skikki, #body.purple2 #skikki, #body.purple3 #skikki
{
    background:             url('../../images/skikki_box.png') no-repeat;
    height:                 148px;
    width:                  130px;
    margin:                 0 54px 6px 0;
}

#body.orange1 #innerbody
{
    background-image:       url('../../images/side_orange1.gif');
}

#body.orange1 #innerbody img
{
    border:                 solid 2px #f39723;
}

#body.orange2, div.orange2
{
    background-color:       #e1a351;
}

#body.orange2 #payoff
{
   background-image: url('../../images/payoff_orange2.gif');
}

#body.orange2 #innerbody
{
    background-image:       url('../../images/side_orange2.gif');
}

#body.orange2 #innerbody img
{
    border:                 solid 2px #e1a351;
}

#body.orange3, div.orange3
{
    background-color:       #e6b675;
}

#body.orange3 #payoff
{
   background-image: url('../../images/payoff_orange3.gif');
}

#body.orange3 #innerbody
{
    background-image:       url('../../images/side_orange3.gif');
}

#body.orange3 #innerbody img
{
    border:                 solid 2px #e6b675;
}

#body.orange4, div.orange4
{
    background-color:       #eac088;
}

#body.orange4 #payoff
{
   background-image: url('../../images/payoff_orange4.gif');
}

#body.orange4 #innerbody
{
    background-image:       url('../../images/side_orange4.gif');
}

#body.orange4 #innerbody img
{
    border:                 solid 2px #eac088;
}

#body.orange5, div.orange5
{
    background-color:       #fcc42e;
}

#body.orange5 #payoff
{
   background-image: url('../../images/payoff_orange5.gif');
}

#body.orange5 #innerbody
{
    background-image:       url('../../images/side_orange5.gif');
}

#body.orange5 #innerbody img
{
    border:                 solid 2px #fcc42e;
}

#body.orange6, div.orange4
{
    background-color:       #fed25c;
}

#body.orange6 #payoff
{
   background-image: url('../../images/payoff_orange6.gif');
}

#body.orange6 #innerbody
{
    background-image:       url('../../images/side_orange6.gif');
}

#body.orange6 #innerbody img
{
    border:                 solid 2px #fed25c;
}

#body.orange1 #innerbody, #body.orange2 #innerbody, #body.orange3 #innerbody, #body.orange4 #innerbody, #body.orange5 #innerbody, #body.orange6 #innerbody
{
    background-color:       #fbf3e9;
}

#body.purple1, div.purple1
{
    background-color:       #99116d;
}

#body.purple1 #payoff
{
   background-image: url('../../images/payoff_purple1.gif');
}

#body.purple1 #skikki
{
    background:             url('../../images/skikki_slide.png') no-repeat;
    height:                 170px;
    width:                  110px;
    margin:                 0 74px 6px 0;
}

#body.purple1 #innerbody
{
    background-image:       url('../../images/side_purple1.gif');
    background-position:    bottom right;
}

#body.purple1 #innerbody img
{
    border:                 solid 2px #99116d;
}

#body.purple2, div.purple2
{
    background-color:       #b36694;
}

#body.purple2 h2#payoff
{
   background-image: url('../../images/payoff_purple2.gif');
}

#body.purple2 #innerbody
{
    background-image:       url('../../images/side_purple2.gif');
}

#body.purple2 #innerbody img
{
    border:                 solid 2px #b36694;
}

#body.purple3, div.purple3
{
    background-color:       #c187aa;
}

#body.purple3 h2#payoff
{
   background-image: url('../../images/payoff_purple3.gif');
}

#body.purple3 #innerbody
{
    background-image:       url('../../images/side_purple3.gif');
}

#body.purple3 #innerbody img
{
    border:                 solid 2px #c187aa;
}

#body.purple1 #innerbody, #body.purple2 #innerbody, #body.purple3 #innerbody
{
    background-color:       #f4e6ef;
}

#innerbody
{
    background-position:    right top;
    background-repeat:      no-repeat;
    position:               relative;
    width:                  943px;
}

#foot
{
    color:                  #cabdc4;
    font-size:              10px;
    font-weight:            bold;
    position:               absolute;
    bottom:                 0;
    left:                   295px;
    width:                  464px;
}
/* layout */


/* colums */
#col1
{
    left:                   50px;
    padding-top:            19px;
    width:                  226px;
}

#col2
{
    left:                   295px;
    padding-bottom:         11px;
    padding-top:            36px;
    width:                  464px;
}

#col3
{
    left:                   795px;
    padding-top:            80px;
    width:                  128px;
}

#col1, #col2, #col3
{
    position:               absolute;
    top:                    0;
    z-index:                1;
}
/* colums */


/* faq */
#faq
{
    background:             url('../../images/skikki_faq.png') no-repeat left top;
    height:                 136px;
    margin-left:            -36px;
    padding:                54px 0 0 84px;
    position:               relative;
    z-index:                2;
}

#faq h3
{
    font-size:              10px;
    margin:                 0 0 5px 0;
    text-transform:         lowercase;
}

#faq ul
{
    margin:                 0;
    padding:                0;
}

#faq ul li
{
    font-size:              10px;
    line-height:            14px;
    list-style:             none;
    list-style-position:    outside;
    margin:                 0 0 5px 0;
}

#faq ul li a
{
    font-style:             italic;
    font-weight:            normal;
    text-decoration:        none;
}
/* faq */


/* news */
#news
{
    background:             url('../../images/news.png') no-repeat;
    height:                 101px;
    margin:                 0 0 36px -9px;
    overflow:               hidden;
    padding:                42px 28px 24px 36px;
    position:               relative;
    width:                  105px;
    z-index:                2;
}

#news h3
{
    color:                  #fff;
    font-size:              10px;
    margin:                 0 0 5px 0;
    text-transform:         lowercase;
}

#news p
{
    color:                  #fff;
    font-size:              10px;
    line-height:            14px;
    margin:                 0;
}

#news p a
{
    color:                  #fff;
    font-style:             italic;
}
/* news */


/* agenda */
#agenda
{
    background:             url('../../images/agenda.png') no-repeat;
    color:                  #fff;
    font-size:              10px;
    height:                 172px;
    margin:                 0 0 36px -36px;
    overflow:               hidden;
    padding:                60px 36px 40px 17px;
    position:               relative;
    width:                  211px;
    z-index:                2;
}

#agenda ul
{
    margin:                 0 0 11px 0;
    padding:                0;
}

#agenda ul li
{
    line-height:            18px;
    list-style-position:    inside;
    list-style-type:        square;
}

#agenda a
{
    color:                  #fff;
    float:                  right;
    font-style:             italic;
}
/* agenda */


/* albums */
.albums
{
    border:                 none;
    margin:                 0;
    padding:                0;
}

.albums td
{
    background:             url('../../images/shadow_album.png') no-repeat;
    font-size:              14px;
    height:                 70px;
    margin:                 0;
    padding:                0;
    width:                  144px;
}

.albums td a, .albums td div
{
    color:                  #fff;
    display:                block;
    height:                 41px;
    margin:                 6px 9px 3px 0;
    padding-top:            20px;
    text-align:             center;
    vertical-align:         middle;
    width:                  135px;
}

.albums td a:hover
{
    color:                  #fff;
}
/* albums */


/* gallery */
.gallery
{
    background:             url('../../images/shadow_gallery.png') no-repeat;
    height:                 374px;
    padding:                6px 9px 3px 0;
    width:                  383px;
}

.gallery #pics
{
    background:             #f3d9b9;
    color:                  #99116d;
    height:                 358px;
    padding:                7px 0 7px 12px;
    position:               relative;
    z-index:                1;
}

.gallery #pics .img
{
    float:                  left;
    font-size:              10px;
    padding-bottom:         7px;
}

.gallery #pics .img img
{
    border:                 none !important;
    display:                block;
    margin:                 0 12px 0 0 !important;
    width:                  111px;
}

.gallery #pager
{
    bottom:                 7px;
    clear:                  both;
    left:                   0;
    padding:                0 12px 0 12px !important;
    position:               absolute;
    z-index:                2;
}

.gallery #pager a
{
    font-size:              14px;
    color:                  #99116d;
    position:               relative;
}
/* gallery */


/* slideshow */
.slideshow
{
    width:                  431px;
}

.slideshow #hdr
{
    background:             url('../../images/shadow_slideshow_top.png') no-repeat;
    padding:                6px 4px 0 0;
}

.slideshow #hdr h5
{
    background:             url('../../images/slideshow_top.png') no-repeat;
    color:                  #fff;
    font-size:              14px;
    height:                 24px;
    margin:                 0;
    padding-top:            6px;
    text-align:             center;
}

.slideshow #pic
{
    background:             url('../../images/shadow_slideshow.png') no-repeat;
    padding:                0 4px 0 0;
}

.slideshow #pic img
{
    background:             #cd92ae;
    padding:                6px 28px 6px 28px;
    width:                  367px;
}

.slideshow #pager
{
    background:             url('../../images/shadow_slideshow_bottom.png') no-repeat left -2px;
    padding:                0 4px 4px 0;
}

.slideshow #pager h6
{
    background:             url('../../images/slideshow_bottom.png') no-repeat;
    height:                 30px;
    margin:                 0;
    text-align:             center;
}

.slideshow #pager h6 img
{
    border:                 none !important;
    margin:                 0 12px 0 12px;
}
/* slideshow */


/* forms */
table.form th
{
    border:                 none !important;
    width:                  84px;
}
/* forms */


.highlite { background-color: #dab7cc; }
.left { float: left; }
.right { float: right; }
