@import url(reset.css);
strong {font-weight:bold;}
em { font-style:italic;}

a:visited {
    color:darkblue;
}

body {
    text-align:center;
    font-size:0.7444em;
    font-family:Helvetica, Arial, sans-serif;
    line-height:1.4;
    color:#333;
}

p {
    margin-bottom:5px;
}

#container {
    margin:auto;
    background-image:url('/media/images/header/banner.png');
    background-repeat:no-repeat;
    width:980px;
    min-height:320px;
    text-align:left;
}

#content {
    margin-left:34px;
    width:460px;
    float:left;
}

/**** header ***/
#header ul li {
    float:left;
    height:220px;
}

/***** columns ****/
    /***** left *****/

#leftcol {
    float:left;
    width:205px;
    margin-left:6px;
}

#leftcol .widget h2 {
    position:absolute;
    margin-left:-3000px;
}

#leftcol .widget {
    padding:35px 0 20px 0px;
    margin-bottom:15px;
    border-bottom:2px dotted #EE9900;
    min-height:80px;
    cursor:pointer;
}

#leftcol #oktober {
    background:url('/media/images/section/17en18oktober.png');
    background-repeat:no-repeat;
    background-position:left top;
}

#leftcol #bekijkditeens {
    background:url('/media/images/section/bekijkditeens.png');
    background-repeat:no-repeat;
    background-position:left top;
}

#leftcol #injouwbuurt {
    background:url('/media/images/section/injouwbuurt.png');
    background-repeat:no-repeat;
    background-position:left top;
}

    /**** right ***/

#rightcol {
    float:right;
    width:230px;
    margin-right:30px;
}

#rightcol h2 {
    margin-left:-3000px;
    position:absolute;
}

#rightcol h3 {
    font-size:1.6em;
    font-weight:bold;
    font-family:Georgia;

}

#rightcol .widget {
    padding:60px 0 20px 5px;
    cursor:pointer;
}
#rightcol div {
    cursor:pointer;
}


#rightcol #chatmetons {
    background:url('/media/images/section/chatmetons.png');
    background-repeat:no-repeat;
    background-position:left top;
}

#rightcol #geefjemening {
    background:url('/media/images/section/geefjemening.png');
    background-repeat:no-repeat;
    background-position:left top;
}
 
#rightcol #schrijfjein {
    background:url('/media/images/section/schrijfjein.png');
    background-repeat:no-repeat;
    background-position:left top;
}

#rightcol #nodigjevriendenuit {
    background:url('/media/images/section/nodigjevriendenuit.png');
    background-repeat:no-repeat;
    background-position:left top;
}
 
/********** inner content **********/

.content-inner {
    padding-top:65px;
    margin-top:34px;
}

#themas {
    background:url('/media/images/base/themas.png');
    background-repeat:no-repeat;
}

#nodig {
    background:url('/media/images/base/vriend.png');
    background-repeat:no-repeat;
    padding-top:100px;
}

#themas .col3 {
    float:left;
    width:153px;
}

#themas .col3 .block {
    margin-bottom:10px;
}

#nieuws {
    background:#ACD1D7;
    background-image:url('/media/images/section/nieuws.png');
    background-repeat:no-repeat;
    background-position:top;
    padding:60px 10px 20px 10px;
}

#nieuws .item {
    margin-bottom:20px;
}

.content-inner h1 {
    font-size:2.4em;
    font-family:Georgia;
    font-weight:bold;
    margin:0px;
    padding:0px;
}

#thema div.stelling, 
#thema .text, 
#thema .comments .comment {
    padding:3px 10px 3px 10px;
}

#thema div div {
    padding:none;
}


/************* forms ***********/

form {
    padding:10px 5px 10px 5px;
    margin-top:20px;
}

form ul, form#form-stelling {
    list-style-type:none !important;
    margin:0px !important;
    padding:0px !important;
}

form ul li {
    margin-bottom:10px;
}

label {
    float:left;
    width:160px;
    text-align:left;
    padding-right:30px;
}

input, textarea {
    border:1px solid #666;
}

textarea {
    width:100%;
}

form#form-stelling label {
    display:block;
    font-weight:bold;
    width:200px;
    float:none;
    line-height:1;
}

form#form-stelling textarea {
    height:80px;
}

ul.errorlist {
    color:darkred;
    font-weight:bold !important;
    padding:0px !important;
    margin:0px !important;
}

ul.errorlist li {
    padding:0px;
    margin:0px;
}

form#form-stelling li {
    margin-bottom:8px;
}

/*************** comments *********/

.comments {
    border-bottom:1px solid gray;
    padding:15px 0 15px 0;
}

.comments .comment img{
    float:left;
    margin-right:10px;
    margin-left:0px;
    margin-bottom:5px;
}

form.comment label {
    width:60px;
}

form.comment input {
    width:200px;
}

form.comment .submit {
    width:auto;
    background:#4368A6;
    color:#fff;
    font-weight:bold;
    padding:2px;
}

.comments textarea {
    border:1px solid #000;
    width:100%;
}

.comments .comment {
    line-height:1.2;
    font-size:11px;
    padding:5px 0 5px 0;
}

.comments .commentfooter {
    color:#fff;
    line-height:1.6;
    float:left;
    width:100%;
    padding:0;
    margin:0;
    margin-top:5px;
}

.comments .commentfooter .who {
    float:left;
    width:60%;
    border-right:1px solid #fff;
    height:100%;
}

.comments .commentfooter .when {
    float:left;
    width:29%;
    text-align:right;
}

.vote {
    border-top:1px solid #000;
    border-bottom:1px solid #000;
    font-weight:bold;
}
.vote td {
    font-weight:bold;
}

.vote span.up {
    color:#EC1A2D;
    font-weight:bold;
    padding-right:20px;
    border-right:1px solid #000;
    margin-right:20px;
    font-family:Georgia;
}


.vote span.down {
    color:#000;
    font-weight:bold;
    font-family:Georgia;
}

#footer {
    background-image:url('/media/images/base/footer.png');
    background-position: bottom;
    background-repeat:no-repeat;
    height:100px;
    text-align:right;
    padding-right:35px;
}


#footer a {
    color:#000;
    text-decoration:none;
    font-weight:bold;
}

#inschrijven form h2 {
    font-size:14px;
    border-bottom:1px solid #000;
}

#inschrijven form ul {
    margin:0;
    padding:0;
    margin-bottom:30px !important;
    padding:10px !important;
    background:#F9F9F9 !important;
    list-style-type:none !important;

}

#inschrijven form ul.normal li label {
    width:80px;
}

#inschrijven form ul.normal li textarea {
    height:60px;
}

.content-inner ul {
    list-style-type:square;
    margin-left:18px;
    margin-bottom:20px;
    margin-top:3px;
}
.content-inner h2 {
    font-size:15px;
    font-weight:bold;
}

input#id_lidnummer { width:100px; !important}

.required label { font-weight:bold; }

input#id_kinderen { width:50px; }
#id_special { border:none;}