/* based on http://www.colourlovers.com/palette/878372/a_hundred_of_%E2%99%A5?c=0 */
/* based on http://www.colourlovers.com/palette/878372/a_hundred_of_%E2%99%A5?c=0 */

/* based on http://www.colourlovers.com/palette/848743/ */

/* MAIN LAYOUT */

body, html {
    margin:0;
    padding:0;
    font-size : 15px;
}
body {
    min-width:750px;
    background:rgb(233,223,204);
}
#background_top {
    width :100%;
    background-color : rgb(233,223,204);
}
#container_box {
    margin:0 auto;
    padding : 0;
}

#header {
    margin:0 auto;
    width:50em;
    height : 6em;
    background-color : rgb(189,21,80);
    font-family: Georgia,"Nimbus Roman No9 L",serif;
    padding-top : .6em;
    padding-bottom : .0em;
}

#header, #header a h1, #header a {
    color:rgb(233,223,204);
    text-decoration : None;
}
#nav {
    background-color : rgb(243,163,107);
    margin-left : 1em;
    margin:0 auto;
    Width : 48em;
    padding-left : 0em;
    position:relative;
    z-index: 100;
    top : -.8em;
    left : -0em;
}

#content_box {
    z-index: 5;
   	margin: auto;
	width:49em;
    padding : 2em 1em 3em 0em;
    position:relative;
    top : -1.7em;
    background:rgb(255,255,255);
    _height : 600px;
    min-height : 600px;
    
 }

/* OTHER DETAILS */

#header h1  {
    text-align : center;
    padding:5px;
    font-size : 2.4em;
    margin:0;
    position : relative;
    top : 10px;

}
nav {
        text-align : left;
        font-family : arial, sans-serif;
}
    #nav a {
        color : rgb(73,10,61);
        font-family : arial, sans-serif;
    }
	#nav ul{
		margin:0;
		padding:0;
        padding-top: .2em;
        padding-bottom: .2em;
		list-style:none;
        z-index:100;
	}
	#nav li{
		display:inline;
		margin:0;
		padding:.4em;
        padding-left : 1em;
	}
    #nav a {
        text-decoration : none;
    }

#content_box {
    font-family: Georgia,"Nimbus Roman No9 L",serif;
}
#content_box div {
        padding : 0;
        margin : 0;
        margin-left : 1em;
    }
    #content_box, #content_box a {
        color : #555;
    }
    h1, h2, th {
        margin-top : 0;
        margin-bottom : .4em;
        padding-top : 0;
    }
   #content_box h1 {
        font-size : 1.6em;
        padding : 0;
        margin : 0;
        text-align : center;
        border-bottom : 1px solid #555;
        margin-bottom : .5em;
        width : 20em;
   }
   #content_box .literatuur h1 {
        width : 36em;
        text-align :left;
   }
   #content_box h2 {
        font-weight : bold;
        font-size : .9em;
        padding : 0;
        margin : .3em .3em .3em 0em;
    
    }
    #content_box hr {
        padding : 0;
        margin : 0;
        height : 1px;
        background-color : #555;
        border : 0;
    }

    ul.biografien {
        padding : 0;
        margin : 0;
        margin-bottom : .6em;
        margin-top : .3em;
        margin-top : 1em;
        margin-left : 0em;
    }

    #content_box ul.biografien li {
        margin-top : .2em;
        list-style-type : none;
        padding : 0;
     }
    #content_box ul.biografien li a {
        text-decoration :None;
    }
    #content_box ul.biografien li a:hover {
        text-decoration :underline;
    }
    .alfabet {
        background-color : rgb(233,223,204); 
        font-size : 12px;
        border : 1px solid #555;
        padding : 0 2px 0 2px;
        margin-top : 2em;
        margin-bottom : 2em;
        text-align:center;
        text-decoration : None;
    }
    .selected {
        background-color : rgb(205,91,81);
    }
    span.alfabet:hover {
        background-color : rgb(205,91,81);

    }
    #content_box div.illustratie {
        float: right;
        display : inline; /* fix an ie bug */
        text-align: center;
        top : 0em;
        margin : 0 0 .4em 1em;
    }

    #content_box div.illustratie  img {
        max-width : 45em;
    } 

    #content_box div.illustratie  div.caption {
        width : 22em;
        text-align: center;
        font-size : 0.7em;
    }
    form table {
        margin-left : 1em;
    }
    form table th {
        text-align : right;
        padding-right : 1em;
    }


    .titel {
        text-align: center;
        font-size : 2em;
    }
    .ondertitel {
        text-align: center;
        font-size : 1.3em;
    }
     .beroepen {
        font-style: italic;
     }
     #content_box div.kop {
        font-style : italic;
        margin: 1em 3em 1em 3em;
        padding: 0 0 0.2em 0;
        border-bottom : 1px solid #555;
    }

    #content_box div.auteur {
        text-align: right;
        font-style : italic;
        font-weight : bold;
        margin-top : .8em;
   }
    #content_box div.bibl {
        font-size: 0.8em;
        border-top : 1px solid #555;
        margin-top : 1em;
        padding-top : .4em;
     }

    #content_box div.literatuur {
        font-size: 0.8em;

    }

    
    #content_box div.literatuur h1 {
        font-weight : normal;
        font-size : 1.6em;
        border-bottom : 1px solid #555;
        margin-top : 1em;
        margin-left : 1em;
    }
    #content_box li {
        margin-left : 3em;
        list-style-type : disc; 
    }

    #content_box ul {
        padding-left :0em;
    }

    .random_plaatjes {
        float:right;
        margin : 0;
        padding : 0;
    }
    table {
        border-collapse: collapse;
    }
        
    table tr, table tr td, table td img {
        margin : 0;
        border : 0;
        padding : 0;
        cell-spacing : 0;
    }
    table tr td {
        padding : 0 2px 0 3px;
    }
    table tr td img {
        width : 95px;
    }