body {
    font-family: Lucida Sans, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
    color:#444;
}

h1 {
    margin-top:0px;
    color:#ac0024;
}

h2 {
    margin-top:30px;
    margin-bottom:10px;
    color:#333;
}

h3 {
}

td,th {
    vertical-align:top;
}

img {
    border:0px;
}

a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

/* for IE */
form {
    margin:0px;
    padding:0px;
}

/*------ basis bouwblokken --------*/

#wrapper {
    width:1000px;
    text-align:left;
    margin:0px auto 0px auto;
    padding:0px;
    background-image: url(img/background.gif);
    background-repeat:repeat-y;
}

#small {
    background-image: url(img/content_bg.gif);
    background-repeat:repeat-y;
    margin-top:5px;
}

#small_content {
    padding:10px;
    padding-right:35px;
    width: 555px;
    overflow: hidden;
}

#wide {
    background-image: url(img/wide_bg.gif);
    background-repeat:repeat-y;
}

#wide_content {
    padding:10px;
    padding-left:30px;
    padding-right:35px;
}


/* waarom is comment zo groot? */
.comment{ 
    max-width: 500px;
}
.comment-edituser{ 
    margin-right: 1em;
    text-align:right;
    font-size:90%;
    border-top:1px solid #ccf
}
.comment-about{
    float: right;
    font-size: 80%;
    padding-top: .4em;
}

.comment-geeltje{ 
 margin: 1em;
 font-size: 80%;
 background: #FFFFF0;
 border: 1px dotted #222;
 padding: .3em;
}
.comment-geeltje-new{ 
 margin: 1em;
 font-size: 90%;
 background: #FFFFC0;
 border: 1px dotted #222;
 padding: .3em;
}
.comment-geeltje-edituser{ 
 text-align: right;   
 margin: 0em;                        
}

/*----- topnav -----*/

#top { 
    width: 1000px;
    height: 110px;
    background-image: url(img/top.gif);
    background-repeat: no-repeat;
}

#topnav-links {
    padding: 1em 1em 0em 500px;
    text-align: center;
}

#top div.topnav-square{
    width: 40px;
    height: 40px;
    display: inline;
    float: right;
    margin: 0em .4em 0em 1em;
    color: #FFF;
    font-size: 80%;
}

#top div.topnav-square a{
    color: #FFF;
}
                    
#top div.topnav-square a:hover{
    color: #F00;
}
#top div.topnav-square a:hover > span{ 
    background: #F00;
}

.topnav-square span{ 
    border: 2px solid #FFF;
    width: 30px;
    height: 30px;     
    display: block;               
}

/*----- sidebox small -----*/
.sidebox {
    width: 186px;
    background-image: url(img/sidebox_bg.gif);
    background-repeat:repeat-y;
    margin-bottom:10px;
}

.sidebox_top {
    background-image: url(img/sidebox_top.gif);
    background-repeat:no-repeat;
    margin:0px;
    padding:0px 2px 0px 4px;
    height:26px;
    line-height:26px;
    color:white;
    overflow: hidden;
}
.sidebox_top img {
    vertical-align:middle;
}

.sidebox_content {
    padding:0px 10px 0px 10px;
}

/*----- sidebox big -----*/
.sidebox2 {
    width: 225px;
    background-image: url(img/sidebox2_bg.gif);
    background-repeat:repeat-y;
    margin-bottom:10px;
}

.sidebox2_top {
    background-image: url(img/sidebox2_top.gif);
    background-repeat:no-repeat;
    margin:0px;
    padding:0px 2px 0px 4px;
    height:26px;
    line-height:26px;
    color:white;
    overflow: hidden;
}
.sidebox2_top img {
    vertical-align:middle;
}

.sidebox2_top a {
    color:white;
}

.sidebox2_content {
    max-width: 190px;  
    overflow: hidden;
    padding:0px 10px 0px 10px;
}

.sidebox2_content h2 {
    font-size:12pt;
}


/*----- photobox big -----*/

.photobox {
    width: 130px;
    background-image: url(img/photobox_bg.gif);
    background-repeat:repeat-y;
    text-align:center;
}

.photobox_top {
    margin:0px;
    padding:0px 2px 0px 4px;
    height:26px;
    line-height:26px;
    color:black;
    overflow: hidden;
    text-align:left;
    width: 110px;
}
.photobox_top img {
    vertical-align:middle;
}

.photobox_content {
    padding:5px;
}


/*-------------- general stuff -----------------*/

.warning {
    background-color:#fcc;
    padding:10px;
    text-align:center;
}

.required {
    color:red;
    font-weight:bold;
}

.error {
    color:red;
    padding:2px;
}

.ruler {
    border-top: 1px solid #ccf;
}

.imgright {
    float: right;
    margin:0px 0px 20px 20px;
    border:1px solid black;
}
.imgleft {
    float: left;
    margin:0px 20px 20px 0px;
    border:1px solid black;
}
p.center{ 
    text-align: center;
}

/*-------------- search -----------------*/

#searchbar {
    padding:10px;
    padding-right:30px;
    background-image: url(img/content_top.gif);
    background-repeat:no-repeat;
}

#search {
}
.search-button {
    border: none;
    background: none;
}
.search-entry {
}
.search-entry input {
}

ul#ajax-search-result {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
ul#ajax-search-result li {
    padding: 0px;
    margin: 0px;
}
ul#ajax-search-result li.selected {
    background: yellow;
}
#q_auto_complete {
    position:absolute;
    min-width:10em;
    right:10em;
    background:white;
    border:1px solid #CCC; 
}

/* flash msg */

.msg2 {
    display: none;
    position: absolute;
    top: 1em;
    width: 300px;
    background: #fed;
    padding: .3em;
}

.msg {
    border:4px solid white;
    width: 400px;
    background: #ff8;
    padding: 1em;
    margin-left:0px;
    left: 50%;
    position: absolute;
    top: 20px;
    font-size: 100%;
    text-align: center;
}

.errormsg {
    border: 2px solid red;
    background: #DDD;
    padding: 1.5em;
    width: 500px;
    margin: 1em 0em 1em 0em;
}

/*-------------- taglevels -----------------*/

.level_1 {
    font-size:80%;
    margin-right:10px;
}
.level_2 {
    font-size:100%;
    margin-right:10px;
}
.level_3 {
    font-size:125%;
    margin-right:10px;
}
.level_4 {
    font-size:150%;
    margin-right:10px;
}

p.weighted_type{
 text-align: justify;
}


/*------- table edit ------------------------------------------*/

table.edit {
    border:0px;
    border-collapse: collapse;
    margin-bottom:10px;
}
table.edit th {
    /* background-color:<?= $color1 ?>; */
    border:1px solid black;
    text-align: center;
    vertical-align: middle;
}
table.edit td,th {
    /* border:1px solid black; */
}
table.edit th.caption {
    /* background-color:<?= $color0 ?>; */
    font-weight:bold;
    color:white;
    text-align:center;
}
table.edit .buttons {
    text-align:right;
    border:0px solid black;
}
table.edit .field {
    /* background-color:<?= $color2 ?>; */
    text-align:right;
}
table.edit .value {
    /* background-color:<?= $color3 ?>;  */
}

/*------- table list ------------------------------------------*/

table.list {
    border:0px;
    border-collapse: collapse;
    margin-bottom:10px;
    width: 100%;
}
table.list th {
    /* background-color:<?= $color1 ?>; */
    border:1px solid black;
}
table.list td,th {
    border:1px solid black;
}
table.list .buttons {
    background-color:transparent;
    text-align:right;
    border:0px solid black;
}
table.list th.caption {
    /* background-color:<?= $color0 ?>; */
    font-weight:bold;
    color:white;
    text-align:center;
}
table.list tr.even {
    /* background-color:<?= $color2 ?>; */
}
table.list tr.odd {
    /* background-color:<?= $color3 ?>; */
}


.userrow{ 
 border-bottom: 1px solid black;
}

/* debug */

.debug-time{
 position: fixed;
 top: 1em;
 right: 1em;
 background: ivory;
}