/*
Theme Name: HGB
Description: HGB is ontwikkeld door <a href="http://www.felisiat.nl">Felisiat</a> voor HGB Autoruitenservice.
Author: Felisiat (Riette van Beek)
*/

body {
    padding: 0 0 0 0;
    margin: 0;
    font: 75% verdana, sans-serif;
    background: #000 url(images/grijs.png) repeat-x;
    line-height: 120%;
}

#hgblogo {
    width: 140px;
    height: 71px;
    margin: 0px 0px 0px 20px;
    background: url(images/hgb.png) no-repeat;
    float: left;
}


}

#contact {
    width: 359px;
    height:40px;
    margin: 30px 0px 0px 38px;
    background: url(images/hgbcontact.png) no-repeat;
    float: left;
}

#container {
    text-align: left;
    margin: 0 auto;
    margin-top: 5px;
    border-top: 5px solid #FEFE00;
    border-bottom: 5px solid #FEFE00;
    background: url(images/container.png);
    width: 740px;
    color: #eee;
}

.storycontent {
    margin: 0 0 10px 0;
}

/* Header */
#hoofd {
    margin:0px 5px 0px 5px;
    background: url(images/header.png) no-repeat;
    height: 140px;
}

/* Navigation (Sidebar) */
#navi {
    float: left;
    width: 150px;
    font-size: 1.1em;
    padding-top: 5px;
    padding-left: 10px;
    margin: 0px;
    line-height: 140%;
    display: inline;
}

#navi a {
    font-weight: bold;
    color: #be0f26;
    text-decoration: none;
}

#navi a:hover {
    color: #cf1f37;
    font-style: italic;
}

/* Inhalt (Content) */
#inhalt {
    margin-right: 15px;
    margin-left: 200px;
    color: #be0f26;
    padding: 1.1em 0;
    font-size: 1.1em;
}

#inhalt a {
    font-weight: bold;
    color: #be0f26;
    border-bottom:3px #ff1 solid; 
    text-decoration: none;
}

#inhalt a:hover {
    color: #ff1;
    background: #be0f26; 
    text-decoration: none;
    font-style: italic;
}


/* Fuszbereich; Footer*/
#footer {
    clear: both;
    height: 71px;
    text-align: center;
    margin: 0px 0px 15px 0px;
}

/* Headings */
#inhalt h2 {
    color: #be0f26;
    font: bold 1em verdana, sans-serif;
    text-align: left;
    margin: .5em 0 0 0;
    padding: 2px 5px;
}

/*  Heading for Pages */
#inhalt h2#page {
    color: #FEFE00;
    background: #be0f26; 
    font: bold 1.5em verdana, sans-serif;
    text-align: left;
    margin: .5em 0 .5em 0;
    padding: 2px 0 2px 0px;
    text-decoration: none;
}

#inhalt h3 {
    color: #be0f26;
    font: bold 1em verdana, sans-serif;
    text-align: left;
    margin: .5em 0 0 0;
    padding: 2px 5px;
}

#inhalt h4 {
    font-size: 1.3em;
    padding: 0;
    margin: 1em 0;
    color: #444;
}

#inhalt h5 {
    font-size: 1.1em;
    padding: 0;
    margin: 1em 0;
    color: #444;
}

/* 3. Spezielle Formatierungen z.B. nur fur Plugins */
#ed_toolbar input {    margin-top: 3em;
    border: 1px solid #759D00;
    background: #E3EBCC;
    font-size: 12px;
    margin-right: 1px;
    padding-top: 0;
    padding-bottom: 0;
}

/* *** Plugins *** */
.tags {
    margin: 1.5em 0;
    font-weight: bold;
    border-top: 1px solid #E3EBCC;
    padding: 2px 0;
}

#wp_grins {
    margin-top: 2px;
}

.pagebar {
    text-align: center;
    line-height: 1.4;
    margin-top: 2em;
}

.pagebar .this-page {
    font-weight: bold;
}

#inhalt .pagebar a {
    border: 1px solid #759D00;
    background: #E3EBCC;
    padding: 2px 5px;
    margin-bottom: 5px;
    text-decoration: none;
}

#inhalt .pagebar a:hover {
    background: #759D00;
    color: #fff;
}

/*******************************************************/
hr {
    display: none;
}

img {
    border: none;
}

ins {
    text-decoration: none;
    border-bottom: 1px dashed #F26722;
}

acronym, abbr, dfn {
    border-bottom: 1px dashed #333;
    font-style: normal;
}

blockquote {
    border-left: 5px solid #759D00;
    margin: 1em 0;
    padding: 5px 10px;
    background: #E3EBCC;
    width: 90%;
}

code, pre {
    color: #F26722;
    font: 1.1em 'courier new', courier, monospace;
}

/* Bild links ausgerichtet: Image floats left*/
.bild-links {
    float: left;
    margin: 0 15px 3px 0;
}

/* Bild rechts ausgerichtet; Image floats right*/
.bild-rechts {
    float: right;
    margin: 0 0 3px 15px;
}

.pagination {
    text-align: center;
    margin-top: 2em;
}

.center {
    text-align: center;
}

#kopf h1 {
    font: 30px 'trebuchet ms', sans-serif;
    color: #759D00;
    margin: 0;
    padding: 5px 15px;
}

#navi ul, #navi ol, #navi p, #navi form, #navi dl {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}

#navi div {
    margin: 10px 10px 15px 10px;
    text-align: left;
}

#navi form {
    margin: .7em 0 1em 0;
}

#navi input {
    border: 1px solid #759D00;
    font-size: 1.1em;
    background: #E3EBCC;
}

#navi h2 {
    font: bold 1.2em verdana, sans-serif;
    color: #fff;
    margin: 0 0 .5em 0;
    padding: 1px 5px 1px 15px;
    background: #759D00 url(images/h3.gif) no-repeat center left;
    text-align: left;
}

#navi ul {
    list-style: none;
    margin: .5em 0 1em 0;
}

#navi ul ul {
    margin: 2px 0 2px 7px;
    padding: 0;
}

#navi .navi-search {
    margin-bottom: 3px;
    width: 150px;
    background: #fff;
}

#inhalt .meta {
    font-size: .9em;
    background: #E3EBCC;
    margin: 0;
    padding: 1px 5px;
}

#inhalt .feedback {
    margin: 1em 1.7em 1.5em 1em;
    text-align: right;
    font-weight: bold;
    background: url(images/kommentar.gif) no-repeat right center;
    padding-right: 20px;
}

/* Kommentar-Bereich; Comment area*/
#commentlist li {
    margin-bottom: 1.5em;
    padding-bottom: 1em;
    border-bottom: 1px solid #E3EBCC;
}

#commentform {
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #759D00;
    background: #E3EBCC;
}

#commentform textarea {
    border: 1px solid #759D00;
    padding: 3px;
    font: 1.1em verdana, sans-serif;
    color: #444;
    width: 480px;
}