@charset "utf-8";

/* ---------- BODY ---------- */
/* Reset */

body, div, h1, h2, h3, h4, p, ul { margin: 0; padding: 0; } 

/**/
body {
    background: #7fafd8 url(/bg_body.gif) repeat-x;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
}
a {
    color: #35497D;
}
.clear {
    clear: both;
    height: 0;
}

/* ---------- PAGE  ---------- */
#page {
    background-color: #fff;
    margin: 19px auto 0;
    text-align: left;
    width: 991px;
}

/* ---------- HEADER  ---------- */

#header {
    background: #7fafd8 url(/bg_header.jpg) no-repeat;
    height: 106px;
    width: 991px;
}
    #header h1 {
        display: block;
        height: 106px;
        float: left;
        width: 290px;
    }
    #header #search {
        float: right;
        margin-right: 3px;
        margin-top: 70px;
        /*width: 210px;*/
    }
    #header input#q {
        background-color: #b0c6e1;
        font-size: 14px;
        line-height: 21px;
        height: 21px;
        width: 140px;
    }
    #header input#btn-search {
        background-color: #7fafd8;
        border: none;
        color: #394A5E;
        font-size: 11px;
        font-weight: bold;
    }

/* ---------- NAV ---------- */

#nav {
    border-left: 1px solid #b9d5eb ;
    border-right: 1px solid #a6c7e4;
    clear: both;
}    
    #nav ul {
        background-color: #3f4e74;
        height: 36px;
    }    
    #nav li {
        background-color: #cccccc;
        float: left;
        height: 36px;
        list-style-type: none;
    }
        #nav li a.level-1 {
            background-color: #3f4e74;
            border-bottom: 1px solid #fff;
            border-right: 1px solid #a6c7e4;
            color: #ffffff;
            display: block;
            font-size: 12px;
            font-weight: bold;
            line-height: 30px;
            text-align: center;
            text-decoration: none;
        }        
        #nav li#nav-start a {
            background: url(/bg_nav.jpg) no-repeat;
            color: #394a5e;
            text-align: right;
        }
        #nav li#nav-start a:hover { 
            text-decoration: underline;
        }
        
        #nav li#nav-rss a,
        #nav li#nav-podcast a { 
            background-color: #3F4E74;
            background-image: url(/img_ekkw/layout/icons_nav.jpg);
            background-repeat: no-repeat;
            border-right: none;
            height: 0px;
            padding-top: 30px;
            overflow: hidden;
            width: 59px;
        }        
               
        #nav-start a     { padding-right: 16px; width: 140px; }
        #nav-aktuell a   { width: 73px; }
        #nav-events a    { width: 125px; }
        #nav-gemeinden a { width: 96px; }
        #nav-service a   { width: 74px; }        
        #nav-ukirche a   { width: 111px; }
        #nav-bischof a   { width: 77px; }
        #nav-glaube a    { width: 70px; }
        #nav-ratgeber a  { width: 80px; }
        #nav-rss a      { background-position: 20px 4px; }
        #nav-podcast a  { background-position: 16px -34px; } 
        
        #nav #nav-aktuell:hover     { background-color: #5f78ba; }
        #nav #nav-events:hover      { background-color: #3aa1ba; }
        #nav #nav-gemeinden:hover   { background-color: #ff8600; }
        #nav #nav-service:hover     { background-color: #7ca5db; }
        #nav #nav-ukirche:hover     { background-color: #a2c74a; }
        #nav #nav-bischof:hover     { background-color: #4881ce; }
        #nav #nav-glaube:hover      { background-color: #4e8f3d; }
        #nav #nav-ratgeber:hover    { background-color: #e8821c; }
        #nav #nav-rss:hover         { background-color: #949aa3; }
        #nav #nav-podcast:hover     { background-color: #949aa3; }        
        
        #Aktuell #nav li                 { background-color: #3f558f; }
        #Aktuell li#nav-aktuell, 
        #Aktuell li#nav-aktuell a        { background-color: #5f78ba; }
        
        #Veranstaltungen #nav li         { background-color: #376c79; }
        #Veranstaltungen li#nav-events,
        #Veranstaltungen li#nav-events a { background-color: #3aa1ba; }
        
        #Gemeinden #nav li               { background-color: #ee6f11; }
        #Gemeinden li#nav-gemeinden,
        #Gemeinden li#nav-gemeinden a    { background-color: #ff8600; }
        
        #Service #nav li                 { background-color: #cccccc; }
        #Service li#nav-service,     
        #Service li#nav-service a        { background-color: #7ca5db; }
        
        #Landeskirche #nav li            { background-color: #718e2d; }
        #Landeskirche li#nav-ukirche,
        #Landeskirche li#nav-ukirche a   { background-color: #a2c74a; }
        
        #Bischof #nav li                 { background-color: #cccccc; }
        #Bischof li#nav-bischof,
        #Bischof li#nav-bischof a        { background-color: #4881ce; }
        
        #Glaube #nav li                  { background-color: #39692e; }
        #Glaube li#nav-glaube,
        #Glaube li#nav-glaube a          { background-color: #4e8f3d; }
        
        #Ratgeber #nav li                { background-color: #73481e; }
        #Ratgeber li#nav-ratgeber,
        #Ratgeber li#nav-ratgeber a      { background-color: #e8821c; }
        
        #rss #nav-rss a                  { background-color: #949aa3; }
        #podcast #nav-podcast a          { background-color: #949aa3; }    

/* Suckerfish */
#nav li ul { /* Zweite Ebene ausblenden */
    position: absolute;     
    left: -999em;
    width: 10em;
    z-index:10;
} 
#nav li:hover ul, 
#nav li.over ul { /* Bei Mouseover wieder einblenden */
    border: 1px solid #ccc;
    left: auto; 
    top: 161px;
    width: auto;
} 

/* Formatierung */
/* #page wird gebraucht, um die Spezifität der Flyout-Menues zu erhöhen */
#page #nav li ul {
    background-color: #fff;
    height: auto;
    padding: 4px;
}
#page #nav li ul li {
    background-color: #fff;
    float: none;
    height: auto;
}
#page #nav li ul li a {
    background-color: #fff;
    border-bottom: 1px dotted #ccc;
    color: #333;
    display: block;
    padding: 4px 10px;
    text-decoration: none;
    width: 170px;
}
#page #nav li ul li a:hover {
    text-decoration: underline;
}

/* ---------- MAINPART ---------- */

#wrapper {
    background-color: #fff;
    margin-top: 10px;
    padding: 0 14px 0 14px;
    width: 963px;
}

/* ---------- SUBNAV ---------- */

#subnav {
    background-color: #fff;
    float: left;
    width: 195px;
}
#subnav a:hover {
    text-decoration: underline;
}
#subnav h2 {
    background-image: url(/bg_nav_h2.gif);
    background-position: 0px 2px;
    background-repeat: no-repeat;
    color: #3F4E74;
    font-size: 12px;
    line-height: 20px;
    height: 20px;
    padding: 0 0 0 5px;
    width: 195px;
}
#Aktuell #subnav h2         { background-position: 0 -21px; color: #fff; }
#Veranstaltungen #subnav h2 { background-position: 0 -42px; color: #fff; }
#Gemeinden #subnav h2       { background-position: 0 -63px; color: #fff; }
#Service #subnav h2         { background-position: 0 -84px; color: #fff; }
#Landeskirche #subnav h2    { background-position: 0 -105px; }
#Bischof #subnav h2         { background-position: 0 -126px; color: #fff; }
#Glaube #subnav h2          { background-position: 0 -147px; color: #fff; }
#Ratgeber #subnav h2        { background-position: 0 -168px; color: #fff; }
#Interaktiv #subnav h2      { background-position: 0 -21px; color: #fff; }
#Sitemap #subnav h2         { background-position: 0 -21px; color: #fff; }
#Impressum #subnav h2       { background-position: 0 -21px; color: #fff; }
#subnav ul { 
    list-style-type: none;
    margin-bottom: 20px; 
}
#subnav li {
    border-bottom: 1px dotted #666;
    padding: 5px 0 4px 6px;
}
#subnav li a {
    color: #333;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    text-decoration: none;
}
#subnav li li {
    border-left-color: #a2c74a;
    border-left-style: solid;
    border-left-width: 4px;
    border-bottom: none;
}
#subnav li ul {
    margin-bottom: 5px;
    margin-top: 5px;
}

#Aktuell #subnav li li         { border-left-color:  #5f78ba; }
#Veranstaltungen #subnav li li { border-left-color:  #3aa1ba; }
#Gemeinden #subnav li li       { border-left-color:  #ff8600; }
#Service #subnav li li         { border-left-color:  #7ca5db; }
#Landeskriche #subnav li li    { border-left-color:  #a2c74a; }
#Bischof #subnav li li         { border-left-color:  #4881ce; }
#Glaube #subnav li li          { border-left-color:  #4e8f3d; }
#Ratgeber #subnav li li        { border-left-color:  #e8821c; } 

.subnav-2-1 #subnav-anc-2-1, .subnav-2-2 #subnav-anc-2-2, 
.subnav-2-3 #subnav-anc-2-3, .subnav-2-4 #subnav-anc-2-4, 
.subnav-2-5 #subnav-anc-2-5, .subnav-2-6 #subnav-anc-2-6, 
.subnav-2-7 #subnav-anc-2-7, .subnav-2-8 #subnav-anc-2-8, 
.subnav-2-9 #subnav-anc-2-9, .subnav-2-10 #subnav-anc-2-10, 
.subnav-2-11 #subnav-anc-2-11, .subnav-2-12 #subnav-anc-2-12, 
.subnav-2-13 #subnav-anc-2-13, .subnav-2-14 #subnav-anc-2-14, 
.subnav-2-15 #subnav-anc-2-15, .subnav-2-16 #subnav-anc-2-16, 
.subnav-2-17 #subnav-anc-2-17, .subnav-2-18 #subnav-anc-2-18, 
.subnav-2-19 #subnav-anc-2-19, .subnav-2-20 #subnav-anc-2-20 
{ 
    font-weight: bold; 
}  

.subnav-2-1 .subnav-anc-2-1, .subnav-2-2 .subnav-anc-2-2, 
.subnav-2-3 .subnav-anc-2-3, .subnav-2-4 .subnav-anc-2-4, 
.subnav-2-5 .subnav-anc-2-5, .subnav-2-6 .subnav-anc-2-6, 
.subnav-2-7 .subnav-anc-2-7, .subnav-2-8 .subnav-anc-2-8, 
.subnav-2-9 .subnav-anc-2-9, .subnav-2-10 .subnav-anc-2-10, 
.subnav-2-11 .subnav-anc-2-11, .subnav-2-12 .subnav-anc-2-12, 
.subnav-2-13 .subnav-anc-2-13, .subnav-2-14 .subnav-anc-2-14, 
.subnav-2-15 .subnav-anc-2-15, .subnav-2-16 .subnav-anc-2-16, 
.subnav-2-17 .subnav-anc-2-17, .subnav-2-18 .subnav-anc-2-18, 
.subnav-2-19 .subnav-anc-2-19, .subnav-2-20 .subnav-anc-2-20 
{ 
    font-weight: bold; 
}  


/* ---------- CONTENT  ---------- */
#content {
    background-color: #fff;
    color: #141414;
    float: left;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    line-height: 1.6em;
    margin-left: 20px;
    width: 748px;
}
    #content h1,
    #content h2 {
        color: #2a2a2a;
        font-size: 16px;
        font-weight: bold;
        line-height: 1.3em;
        margin-bottom: 18px;
        width: 537px;
    }
        #content h2 .kicker {
            color: #d62494;
            font-size: 11px;
            font-variant: small-caps;
        }
        #content .mainpart h2 { width: auto; }
        
    #content h3 {
        color: #35497D;
        font-size: 13px;
        margin-bottom: 15px;
    }
    
    #content p, #content ul {
        margin-bottom: 1.7em;
        margin-top: 1.6em;
    }
    
    .article {
        margin-bottom: 38px;
    }
        .article .mainpart {
            float: left;
            width: 537px;
        }        
        .article ul.article-footer {
            border-top: 1px dotted #666;
            height: 25px;
        }
        .article ul.border-bottom {
            border-bottom: 1px dotted #666;
        }
        .article ul.article-footer li {
            background-image: none;
            background-position: 0 0;
            float: left;
            list-style-type: none; 
            margin-bottom: auto;
            margin-left: auto;
            padding-left: 0;
        }           
        .article ul.article-footer a {
            background-image: url(/icons_article-footer.png);
            background-repeat: no-repeat;
            color: #666;
            display: block;
            font-size: 11px;
            text-decoration: none;
            height: 20px;
            line-height: 20px;
            margin: 3px 5px 0 0;
            padding-left: 23px;
            padding-right: 8px;
            overflow: hidden;
        }        
        .article ul.article-footer a.notext {
            height: 0;
            padding-left: 0px;
            padding-top: 20px;
        }
        .article ul.article-footer a.with-space {
            margin-left: 285px;
        }

        /* geistreich.de */
        
        .seitenInfo    {
            width: 0px; 
            margin-bottom: 0px;
            color: #ffffff; 
            font-weight: bold;
            color: #ffffff;
            font: 0px Arial, Helvetica, sans-serif;
            letter-spacing: 0em;
            line-height: 0px;    
            text-align: right;
        }
        .geistreich-projektinfo img    { 
            background-color: #efefef;
            border: 7px solid #efefef; 
            margin-top: 4px;
            margin-right: 10px; 
            margin-bottom: 10px;
            float: left;
        }
        .geistreich-projektinfo { 
            width: 537px; 
            padding: 5px 0 5px 0;
            margin: 0px 0 15px 0;
            clear:both;
        }
        .titel_liste a { 
            font-size: 12px;
            font-weight: bold;
        }
        .aboutGeistreich     { 
            text-align: left;
            clear: both;
            color: #222;
            margin-bottom: 10px;
        }
        .floatAus { 
            clear:both; 
        }
        
        /* Artikel-Abschluss */
        
        .article-footer .nav-top      { background-position: 0 -151px; border-right: 1px dotted #666; width: 39px; }
        .article-footer .nav-comment  { background-position: 0 -125px; border-right: 1px dotted #666; }
        .article-footer .nav-comments { background-position: 0 -75px; border-right: 1px dotted #666; }
        .article-footer #nav-feedback { background-position: 0 -100px; }        
        .article-footer #nav-studivz  { background-position: 0 -50px; border-right: 1px dotted #666; width: 19px; }
        .article-footer #nav-facebook { background-position: 0 -25px; width: 19px;  }
        .article-footer #nav-twitter  { background-position: 0 0; width: 19px;  }
        .article-footer #comment-disabled { display: none; }
        #comment-disabled { margin-left: 180px; }
        
/* Fotos */
    
        #content .textimage {
            background-color: #efefef;
            border: 7px solid #efefef;
            margin-top: 4px;
            width: 250px;
        }
            #content .textimage img {
                margin-bottom: 5px;
            }
            #content .right,
            #content .rechts {
                float: right;
                margin-left: 10px;
            }
            #content .left,
            #content .links {
                float: left;
                margin-right: 10px;
            }

        #content .textimage-hoch {
            background-color: #efefef;
            border: 7px solid #efefef;
            margin-top: 4px;
            width: 175px;
        }
            #content .textimage-hoch img {
                margin-bottom: 5px;
            }
            #content .right,
            #content .rechts {
                float: right;
                margin-left: 10px;
            }
            #content .left,
            #content .links {
                float: left;
                margin-right: 10px;
            }
        
        #content .leadimage {
            margin-bottom: 30px;
            width: 537px;
        }
    
            #content .leadimage img {
                border: 1px solid #ccc;
                margin-bottom: 8px;
            }        
    
        #content .leadimage .caption,
        #content .textimage .caption, 
        #content .textimage-hoch .caption {
            color: #292929;
            font-size: 11px;
            line-height: 1.25em;
        }

/* Listen */
.article li {
    background-image: url(/img_ekkw/layout/icons_arrows.gif);
    background-repeat: no-repeat;
    background-position: -63px 2px;
    list-style-type: none;
    margin-bottom: 5px;
    margin-left: 2px;
    padding-left: 27px;
}
    .arrows li.vor     { background-position: -31px -50px; }
    .arrows li.zurueck { background-position: 0 -101px; }
    .arrows li.hoch    { background-position: -47px -24px; }
    .arrows li.runter  { background-position: -16px -76px; }    
    .arrows li a       { color: #141414; text-decoration: none; }
    .arrows li a:hover { text-decoration: underline; }

/* Rechte Spalte hinterlegt */
.hinterlegt #wrapper { background: url(/bg_wrapper-hinterlegt.gif) repeat-y; }
.hinterlegt #content { background: url(/bg_content-hinterlegt.gif) no-repeat; }

/* ---------- ASIDE  ---------- */

#content .aside {
    float: right;
    width: 195px;
}

/* --------- TEASER und INFOBOXEN ---------- */

#subnav .teaser {}
    #subnav .teaser  a {
            color: #333;
            text-decoration: none;
        }
            #subnav .teaser a:hover {
                background-color:#f2f2f2;
            }
            #subnav .teaser a .more {
                color: #35497d;
            }
    
    #subnav .teaser img { 
        float: left;
        margin-right:4px;
        margin-top: 2px;
    }
    
    #subnav .teaser h3 {
        margin-bottom: 3px;
    }

#content .infobox,
#content .teaser,
#subnav .teaser {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 1.25em;
    margin-bottom: 20px;
}
#content .infobox h3,
#content .teaser h2,
#subnav .teaser h3 {    
    background-image: url(/bg_teaser-headline.gif);
    background-repeat: no-repeat;
    color: #fff;
    font-size: 11px;
    height: 23px;
    padding: 6px 0 0 36px;
    width: 157px;
}
.aside .teaser .article {
    background: #e3ecf2 url(/bg_teaser_article.gif) no-repeat; 
    background-position: bottom;
    margin-bottom: 0;
    padding: 10px 8px 18px 8px;
}
    .aside .teaser .first-of-type { 
        background-image: none; 
    }
    .aside .teaser .article a {
        color: #333;
        text-decoration: none;
    }
        .aside .teaser .article a:hover {
            text-decoration: underline;
        }
        .aside .teaser .article a .more {
            color: #35497d;
        }
    #content .aside .teaser .article h3 {
        font-size: 11px;
        margin: 0 0 3px 0;
    }
    #content .aside .teaser .article p {
        margin: 0;
    }
    #content .aside .teaser h2 {
        margin-bottom: 0;
    }
    .aside .teaser-end {
        background: #e3ecf2 url(/bg_aside_teaser.gif) bottom no-repeat;
        padding: 12px 0 12px 8px;
    }
        .aside .teaser-end a {
            background: url(/icon_teaser_more.gif) no-repeat;
            color: #35497d;
            display: block;
            font-weight: bold;
            height: 16px;
            padding: 2px 0 0 23px;
            text-decoration: none;
        }
        .aside .teaser-end a:hover {
            text-decoration: none;
        }
        
#content .aside .infobox {
    background-color: #e3ecf2;
    padding-bottom: 10px;
}
    #content .aside .infobox a {
        color: #35497d;
        font-weight: bold;
        text-decoration: none;
    }
    #content .aside .infobox h3 {
        margin-bottom: 5px;
    }
    .aside .infobox img {
        margin: 0 0 10px 8px;
        /* width: 180px; */
    }
    .aside .infobox p {
        display: block;
        margin: 0 0 10px 8px;
        width: 180px;
    }

.audio h2, .audio h3                     { background-position: 0 0; }
.kommentar h2, .kommentar h3             { background-position: 0 -40px; }
.details1 h2, .details1 h3               { background-position: 0 -80px; }
.details2 h2, .details2 h3               { background-position: 0 -120px; }
.video h2, .video h3                     { background-position: 0 -160px; }
.play h2, .play h3                       { background-position: 0 -200px; }
.bild h2, .bild h3                       { background-position: 0 -240px; }
.trend h2, .trend h3                     { background-position: 0 -280px; }
.linktipp h2, .linktipp h3               { background-position: 0 -320px; }
.linktipp-intern h2, .linktipp-intern h3 { background-position: 0 -360px; }
.download-pdf h2, .download-pdf h3       { background-position: 0 -400px; }
.download h2, .download h3               { background-position: 0 -440px; }
.interaktiv h2, .interaktiv h3           { background-position: 0 -480px; }
.gemeinden h2, .gemeinden h3             { background-position: 0 -520px; }
.aktuell h2, .aktuell h3                 { background-position: 0 -560px; }
.ekkw h2, .ekkw h3                       { background-position: 0 -600px; }
.interview h2, .interview h3             { background-position: 0 -640px; }
.hinweis h2, .hinweis h3                 { background-position: 0 -680px; }

/* ---------- FOOTER ---------- */

#footer {
    background: #f7f7f7 url(/bg_footer.gif) repeat-x;
    border-top: 1px dotted #666666;
    clear: both;
    height: 195px;
    margin-top: 70px;
}
    #footer #nav-footer-1 {
        background-image: url(/bg_footer_ul.jpg);
        background-repeat: no-repeat;
        height: 20px;
        margin: 7px 0 0 20px;
        padding: 49px 0 0 33px;
    }
        #footer #nav-footer-1 li {
            float: left;
            list-style-type: none;
        }
    
        #footer #nav-footer-1 a {
            border-right: 1px solid #fff;
            color: #fff;
            display: block;
            font-weight: bold;
            padding: 0 8px;
            text-decoration: none;
        }
        
        #footer #nav-footer-1 a:hover {
            text-decoration: underline;
        }
        
        #footer #nav-footer-1 #nav-fo-medio a {
            margin-right: 210px;
            border-right: none;
        }
        #footer #nav-footer-1 #nav-fo-drucken a {
            border-right: none;
        }
    
    #footer ul#nav-footer-2 {        
        margin: 31px 0 0 61px;
    }
        #footer #nav-footer-2 #nav-redaktion {
            width: 560px;
        }
    
        #footer ul#nav-footer-2 li {            
            float: left;            
            list-style-type: none;            
        }
        
        #footer ul#nav-footer-2 li.headline {
            color: #41546a;
            font-variant: small-caps;
            font-weight: bold;
            line-height: 1.4em;
        }
        
        #footer ul#nav-footer-2 ul li {
            width: auto;
        }
        
        #footer ul#nav-footer-2 ul a {
            color: #333333;
            float: left;
            font-size: 0.9em;
            font-variant: normal;
            font-weight: normal;
            margin-right: 40px;
            text-decoration: none;
        }
        
        #footer ul#nav-footer-2 ul a:hover {
            text-decoration: underline;
        }

#print-footer { display:none; }

/* ---------- FORMULARE / VERANSTALUNGEN / SHOP ---------- */
div.row {
    clear: both;
    margin: 5px 0;
}
fieldset {
    margin: 25px 0;
    padding: 15px 0 0 0;
    width: 500px;    
    border: none;
}
input.standard {
    width: 250px;
}
input.radiobutton {
    float: left;
    width: 15px;
}
label {
    float: left; 
    width: 140px;
}
form#frm-voting label {
    float: none;
    width: auto;
}
form#ok label {
    float: none;
}
legend {
    margin: 0;
    padding: 0;
    font-weight: bold;
}
.cal
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 1.2em;
}    
    .cal th.wochentag
    {
        font-weight: bold;
        color: #000000;
    }
    .cal th.wochenende
    {
        font-weight: bold;
        color: #000000;
        border-left: 1px solid #ccc;
    }
    .cal th.feiertag
    {
        font-weight: bold;
        color: #ff0000;
    }
    .cal td.wochentag
    {
        font-weight: normal;
        color: #000000;
    }
    
    .cal td.wochentag:hover
    {
        background-color: #ccc;
    }
    
    .cal td.wochenende
    {
        font-weight: normal;
        color: #000000;
        border-left: 1px solid #ccc;
    }
    
    cal td.wochenende:hover
    {
        background-color: #ccc;
    }
    
    .cal td.highlight
    {
        background-color: #ccc;
        font-weight: bold;
    }
    .cal td a
    {
        color: #000000;
        text-decoration: none;
    }

table.shop {
    font-size: 1em;
    width: 100%;
    margin-bottom: 30px;
}
    table.shop th {
        background-color: #f2f2f2;
        height: 25px;
        text-align: left;
        font-weight: bold;
    }
    table.shop tr.new td {
        padding-top: 20px;
    }

/* ---------- Kommentare ---------- */
.comments {
    background-color: #efefef;
    display: none;
    padding: 15px 15px 1px 15px;
}
    .comments input {    
        margin-bottom: 10px;
    }
    .comments textarea {
        width: 400px;
    }
    #content .comments h4 { 
        color: #35497D;
        font-size: 11px; 
        margin-bottom: 10px;
    }
    #content .comments .highlight {
        border: 3px solid #faa;
    }
    #content .comments .error {
        font-weight: bold;
        padding-left: 20px;
    }
    #content .comments .hide {
        float: right;
    }