/* templates/default/style_fallback.css  */
/* This is the templates/default/style_fallback.css file.
   It emits CSS rules that all templates should have.
   Classes are declared on top of the file, so if you
   want to make changes in your own template, you
   should override the rules on the bottom of your
   style.css template. 
   IT IS NOT ADVISED TO CREATE YOUR OWN style_fallback.css FILE! */

/* Default image classes for left/right/usual layout */
.serendipity_image_center {
  border: 0px;
  padding-left: 5px;
  padding-right: 5px;
}

.serendipity_image_left {
  float: left;
  border: 0px;
  padding-left: 5px;
  padding-right: 5px;
}

.serendipity_image_right {
  float: right;
  border: 0px;
  padding-left: 5px;
  padding-right: 5px;
}

/* Default listing without spacers */
.plainList {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

/* Messages: Centered, important, notice */
.serendipity_center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.serendipity_msg_important {
    color: red;
}

.serendipity_msg_notice {
    color: green;
}

/* Embedded images with comments inside the s9y image manager */
.serendipity_imageComment_center,
.serendipity_imageComment_left,
.serendipity_imageComment_right {
    border: 1px solid #ddd;
    background-color: #efefef;
    margin: 3px;
    padding: 3px;
    text-align: center;
}

.serendipity_imageComment_center {
    margin: auto;
}

.serendipity_imageComment_left {
    float: left;
}

.serendipity_imageComment_right {
    float: right;
}

.serendipity_imageComment_img,
.serendipity_imageComment_img img {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.serendipity_imageComment_txt {
    border-top: 1px solid #ddd;
    margin: 0px;
    padding: 3px;
    clear: both;
    font-size: 8pt;
    text-align: center;
}

/* END OF style_fallback.css *//* templates/hhplus/style.css  */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

:focus { outline: 0; }

body {
    line-height: 1;
    color: black;
    background: white;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

.hideme {
    position: absolute;
    left: -9999em;
    top: -9999em;
}

label, 
input[type=button],
input[type=submit], 
button { cursor: pointer; }

label { font-weight: bold; }

abbr[title],
acronym[title] { cursor: help; }

a abbr,
a acronym { cursor: pointer !important; }

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

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/ 
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

body {
    background: #fff;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
}

a:link,
a:visited,
a:active {
    color: #000;
    text-decoration: underline;
}

a:hover,
a:focus {
    color: #3973ac;
    text-decoration: underline;
}

strong, dt { font-weight: bold; }
em { font-style: italic; }

#container {
    font-size: 12px;
    line-height: 18px;
    margin: 20px auto;
    width: 730px;
}

#topmenu {
    background: #89a6d2;
    color: #fff;
}

#service {
    float: left;
    font-size: 11px;
    line-height: 23px;
    list-style-type: none;
    width: auto;
}

#service li {
    float: left;
    width: auto;
}

#service a:link,
#service a:visited,
#service a:active,
#service a:focus {
    color: #fff;
    font-weight: bold;
    display: block;
    padding: 0 15px;
    text-decoration: none;
}

#service a:hover {
    background: rgb(72, 72, 72);
}

#main {
    background: url(templates/hhplus/img/main.png) top left repeat-y;
}

#content {
    float: right;
    width: 558px;
}

#sidebar {
    float: left;
    width: 172px;
}

#navigation {
    border-top: 1px solid #fff;
    font-size: 11px;
    line-height: 23px;
    list-style-type: none;
    margin-bottom: 20px;
}

#navigation li { border-bottom: 1px solid #fff; }

#navigation a:link,
#navigation a:visited,
#navigation a:active,
#navigation a:focus {
    color: #fff;
    font-weight: bold;
    display: block;
    padding: 0 15px;
    text-decoration: none;
}

#navigation a:hover { background: #484848; }

.sbplugin h2 {
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    line-height: 23px;
    padding: 0 15px;
}

#search { padding: 0 15px; }

#searchterm {
    background: #fff;
    border: 1px solid #484848;
    color: #000;
    padding: 2px;
}

#search input {
    display: block;
    margin-bottom: 5px;
}

#searchterm:focus { background: #eee; }

#breadcrumbs {
    border-bottom: 1px solid #e5e5e5;
    font-size: 10px;
    margin: 15px 0 20px 20px;
    width: 520px;
}

#breadcrumbs a:link,
#breadcrumbs a:visited,
#breadcrumbs a:active {
    color: #999;
    font-weight: bold;
    text-decoration: none;
}

#breadcrumbs a:hover,
#breadcrumbs a:focus {
    color: #3973ac;
    font-weight: bold;
    text-decoration: underline;
}


.serendipity_Entry_Date,
.serendipity_search,
.staticpage_results {
    margin-left: 20px;
    width: 520px;
}

.staticpage_results { text-align: left; }

.serendipity_entry, #captcha { margin-bottom: 12px; }

.serendipity_commentDirection { display: none; }

.serendipity_entry h2 {
    font-size: 16px;
    margin-bottom: 12px;
    padding-top: 25px;
}

.serendipity_entry h3,
.serendipity_entry h4,
.serendipity_entry h5,
.serendipity_entry h6 {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 12px;
}

.serendipity_entry p,
.serendipity_pageFooter { margin-bottom: 12px; }

.serendipity_entry ul {
    list-style: none;
    list-style-type: square;
    margin: 5px;
    padding: 5px;
}

.serendipity_entry li {
    line-height: 18px;
    list-style-position: inside;
    padding-left: 5px;
    padding-top: 0px;
}

.sticky_entry h2 a {
    color: #333;
    font-weight: bold;
    text-decoration: none;
}

.plainList {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

.serendipity_center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.serendipity_msg_important { color: red; }
.serendipity_msg_notice { color: green; }

.serendipity_image_left,
.serendipity_image_right,
.serendipity_image_center {
    border: none!important;
    padding: 0!important;
}

.serendipity_image_left,
.serendipity_imageComment_left,
.serendipity_imageComment_left .serendipity_imageComment_img { float: left; }

.serendipity_image_left,
.serendipity_imageComment_left {
    margin-right: 10px;
    margin-bottom: 5px;
}

.serendipity_imageComment_left .serendipity_image_left {
    margin-right: 0!important;
    margin-bottom: 0!important;
}

.serendipity_image_right,
.serendipity_imageComment_right,
.serendipity_imageComment_right .serendipity_imageComment_img { float: right; }

.serendipity_image_right,
.serendipity_imageComment_right {
    margin-left: 10px;
    margin-bottom: 5px;
}

.serendipity_imageComment_right .serendipity_image_right {
    margin-left: 0!important;
    margin-bottom: 0!important;
}

.serendipity_image_center { display: block; }

.serendipity_image_none,
.serendipity_image_center,
.serendipity_imageComment_center {
    clear: both;
    margin: 5px auto;
}

.serendipity_imageComment_center .serendipity_imageComment_img img {
    margin-top: 0!important;
    margin-bottom: 0!important;
}

.serendipity_imageComment_txt {
    background: #eee;
    border: 1px solid #ccc;
    border-top: none;
    color: #333;
    font-size: 11px;
    line-height: 16px;
    text-align: center;
}

.serendipity_entry h3 {
    border-bottom: 1px solid #aaa;
    margin-bottom: 5px;
    padding: 2px 0;
}

.sticky_entry,
.serendipity_entry p.anzeige { margin-bottom: 18px; }