/*
  |-----------------------------------------------------------| 
  | container
  ||-------------------------------
  || header
  ||---------------------------------
  |||---------------------------------
  ||| navigation
  |||---------------------------------
  ||---------------------------------
  ||-------------------------------
  ||menu_left
  ||-------------------------------
  || content
  ||-------------------------------
  || box_bottom
  ||---------------------------------
  |-----------------------------------------------------------| 
  


*/

table, td, div, span, a, tr,  li { /*normalize everyting a bit for ie6 */
    margin  : 0;
    padding : 0;
    border : 0;

}

/* PLACEMENT OF THE MAIN ELEMENTS */
html,body{
    margin: 0;padding:0
    background-color : white;
}

body{
    font-family: verdana,  arial, sans-serif; 
    position : relative;
    text-align : center; /* make page center in IE */
}

#container
{    
/*
width: 925px;
*/
    margin-left: auto;
    margin-right: auto;    
    padding: 0;
    position:relative;
    margin-top: 4px;
}


/* #header {
    background-image :url(http://www.oorlogsgetroffenen.nl/images/header.jpg);
    height:124px;
    width : 925px;
    background-repeat:no-repeat;
    margin-bottom : 6px;
    position :relative;
    vertical-align : bottom;    *   
}
*/

#header-table {
    background-image :url(http://www.oorlogsgetroffenen.nl/images/header.jpg);
    background-repeat:no-repeat;
    background-position : bottom;
    width: 100%;
    height: 123px;
    border-bottom : 3px solid white;
    background-position: top right;
    background-color: #011D29;
}
#top-root-link a{
    display: block;
    width: 100%;
    height: 87px;
}
#navigation-spacer {
    /* width: 155px;*/

}
#navigation { 
    z-index : 1;
    position : relative;
    bottom : 0px;
    vertical-align : bottom;
}

.page #navigation {
    left : 5px;
}
.home #navigation {
    left : 0px;
}
.search_forms form {
    display: inline;
}
.search_forms {
    position: relative;
    float: right;
    bottom: 2px;
    right: 2px;
}
#menu_left
{    
    min-height : 460px;
    background-image :url(http://www.oorlogsgetroffenen.nl/images/barra_verticale.jpg);
    background-repeat:no-repeat;
    background-color : #e3e3e3;
    position : relative;
}

#home_menu {
    display : None;
}
#logo_ing {
    display :None;
}
#logo_niod {
    display :None;
}

#logo_erfgoed_oorlog {
    display :None;

}
.page #menu_left {
    width: 220px;  
    border-right : 3px solid white;
}
.home #menu_left {
    background-image :url(http://www.oorlogsgetroffenen.nl/images/home/barra_top.jpg);
    background-repeat:no-repeat;
    width: 145px;  
    min-height : 210px;
    border-top : 2px solid white;
    border-bottom : 4px solid white;
}

.home #standard_menu {
    display : None;
}
.home #extra_menu_content {
    height : 285px;
}
.home #home_menu {
    display: block;
}
.home #logo_ing  {
    display :block;
    background-image :url(http://www.oorlogsgetroffenen.nl/images/home/barra_logo_ing.jpg);
    height : 50px;
}
.home #logo_niod {
    display :block;
    background-image :url(http://www.oorlogsgetroffenen.nl/images/home/barra_logo_niod.gif);
    height : 50px;
    vertical-align : bottom;
    background-repeat: no-repeat;
    margin-left:12px;
}

.home #logo_erfgoed_oorlog {
    display :block;
    background-image :url(http://www.oorlogsgetroffenen.nl/images/home/logo_erfgoed_oorlog.jpg);
    height : 50px;
    vertical-align : bottom;
}
}
#content {    
    min-height:350px; 
    height:auto !important; 
    height: 20em;      
    border-right : 0;
    padding-right : 0;
}
.page #content {
    border-top : 4px solid #ff8a00;
    border-right : 4px solid #ff8a00;
    padding-top :11px;
    vertical-align : top;
    width:695px;
}
.page #rounded_border {
    min-height:350px; 
    height:auto !important; 
    background-image :url(http://www.oorlogsgetroffenen.nl/images/bordo_testo.jpg);
    background-position : top right;
    background-repeat : no-repeat;
    position :relative;
    right : -4px;
    top : -15px;
    margin : 0;
    padding: 15px;
}
#box_bottom
{
   margin-top : 7px;
   height : 27px;
   text-align: right;
   background-image :url(http://www.oorlogsgetroffenen.nl/images/barra_in_basso.jpg);
   background-repeat : no-repeat;
    
}


/* GENERAL INSTRUCTIONS */
#container {
    font-size: 12px; 
    text-align: left;
}

a {
    text-decoration : None;
}

a:hover {
    text-decoration : underline;
}
/* THE NAVIGATION MENU */
#navigation { 
    font-size : 13px;
    color: #fff;;
    float: left;
	list-style: none;
    padding: 0;    
}
    

#navigation td {
    padding : 3px 2px 5px 2px;
    vertical-align: bottom;
    display : inline;
    margin : 0;
    z-index : 1;
    border-right : 3px solid #ff8a00;
}

#navigation td a {
    padding-top : 4px;
    padding-bottom : 3px;
}
#navigation td.last {
    border-right-width : 0px;

}
#navigation  a { 
    color: #fff;
    padding-left: 5px;    
    padding-right: 5px;    
}


#navigation div.navigation_divider {
    display : inline;

}

#search_form input {
    border-color : #1a1a1a;
}
/* EINDE NAVIGATIESTRUCTUUR */
/*HOME PAGINA */
#content_home {
    color : #EEE;
    position : relative;
    padding-left : 2px;
    padding : 0;
    margin :0;
    font-size : 11px;
}
#content_home a {
    color : #EEE;
}
#content_home td {
    border :0;
    padding: 0px 1px;
    width : 150px;
    height : 150px;
}
#content_home img {
}

#content_home .text_top {
    vertical-align : top;
    text-align : right;
}
/*EINDE HOME PAGINA */

/* MENU_LEFT */
#menu_left {
    vertical-align : top;

}
#menu_left p {
    padding : 0px 8px 5px 8px;
}

#standard_menu {
    padding : 5px;
}
#menu_left td.thema, #menu_left td.thema_selected {
    padding : 5px 10px 5px 10px;
    font-size : 13px;
    text-indent : -5px;
    width : 190px;
    border-bottom : 5px solid #e3e3e3;
}
#menu_left .thema{
    background:url(http://www.oorlogsgetroffenen.nl/images/pulsante_arancione.jpg) no-repeat;
    background-color : #ff8a00;
}
#menu_left .thema_selected {
    background:url(http://www.oorlogsgetroffenen.nl/images/pulsante_rosso.jpg) no-repeat;
    background-color : #c1012a;
}

#menu_left .thema_selected  a, #menu_left .thema a {
    margin  : 5px;
    color : #fff;
    vertical-align : bottom;
}

.thema_toc {
    text-indent : 0;
    margin :0;
    padding : 0;
}

.thema_toc li {
    list-style-type: none;
    font-weight : bold;
    padding-top : 0.1em;
    padding-bottom : 0.2em;
}

.thema_toc li.header a  {
    font-size : 16px;
    padding-bottom : 5px;
}

#menu_left .thema_toc {
    font-size : 11px;
    padding-bottom : 10px;
}

#content ul.thema_toc  {
    padding-left : 2em;
}
#content .thema_toc li {
    margin-left : 2em; 
    margin-bottom : .3em;
}
#content .thema_toc li.header {
    margin-left : 0;
    font-size : 16px;
    
}
#content .thema_toc li a {
}

.thema_toc li.archiefvormers_bij_dit_thema {
    font-style : italic;
    padding-top : 3px;
}

#content .thema_toc li.archiefvormers_bij_dit_thema {
    margin-left : 0;
    font-size : 1.2em;
}
#menu_left .thema_toc li.header a {
    font-size : 13px;
}
#menu_left .thema_toc li a {
    color : #222222;
}
#thema_tekst li.header {
    display : None;
}

#menu_left ul
{        
    padding: 4px 12px 0px 12px;
}

#menu_left div {
    margin: 0px;
    padding: 0px;
}

li.indent_0 {
    margin-left : 0em;
    font-weight : normal;

}
li.indent_1, li.indent_2, li.indent_3 {
    margin-left : 10px;
    text-indent : -.6em;
    font-weight : normal;
}

#content li.indent_0 {
    margin-left : 0em;
}
#content li.indent_1 ,
#content li.indent_2 ,
#content li.indent_3 {
    margin-left : 3em; 
}

left ul ul
{        
    padding-left: 2em !important;    
    padding-left: 0; /*l'ultima istruzione serve per IE 6.0*/    
    margin-top: 1em;
    padding-top : 0em;
    margin-top : 0em;

}

/* CONTENT */
#content p
{
    margin-top : 0.2em;
    
}

#content .thema_tekst  {
    margin-top : 1em;
    line-height : 1.5;
}
#content li {
    padding-bottom : .2em;
}
#content .dotted_line, detail_title
{   
    background-image: url(images/dot2.gif); 
    background-repeat: repeat-x; background-position: top; 
}

#content .dotted_line {
    height: 1px; 
}

#content a.begrip {
    text-decoration : None;
    border-bottom : 1px dotted black;

}
#box_bottom td
{
   text-align: right;
   padding-right: 10px;
   padding-bottom : 5px;
   color : white;
}
#box_bottom a {
    color  :white;
    fneont-size : 12px;
}
#box_bottom div {
    display : inline;
}

#box_bottom .navigation_divider {
    border-right : 1px solid white;
    margin : 0;
    margin-right : 6px;
    margin-left :2px;
    padding : 1px;
    
}
#content h1
{
    font-size: 1.6em;
    font-weight: bold; 
    margin-top: 0;
    padding-top: 0em;
    color : #000;
}

h2.title, .content h2
{
    font-size : 1.3em;
    font-weight: bold; 
    margin-top : .4em;
    padding:0;    
}

.content h2 strong {
    font-weight: normal; 

}
h3.title
{    
    font-size: 1.2em;
    font-weight: normal; 
    padding: 0;
    margin: 0 0 0.1em 0;      
    cursor: pointer;
}

table.list
{
    padding : 0;
}
table.list th {
    font-weight: normal;
    text-align: left;
}

table.list th a {
    text-align: left;
}
table.list td
{
    border-top-width : 1px;
    border-top-color : Black;
    font-size: 1.0em;    
    padding : 0;
    margin : 0;
    padding-bottom : 0.5em;
}



img.img_list
{
    width: 1em;
    cursor : pointer;   
    margin-bottom : 0.1em;
    padding : 0;
    spacing : 0;
    vertical-align : bottom;
}

.content div.detail_title {
    font-size : 1.3em;
    font-weight : normal;
    padding-top : 0.5em;
    margin-bottom :0.3em;


}

.archiefvormer table {
    border : 1px solid #666;
    border-collapse: collapse;
    margin-bottom : .6em;
    width : auto !important;
    height : auto !important;
}

.parag_box
{
    padding: 0.7em 1em 0.8em 0.3em;    
}

.parag_box p
{
    font-size: 1em;  
}

.parag_box th, .parag_box td
{     
    padding: 0.5em 0 0.5em 0;
    font-size: 1em; 
}

.parag_box th
{       
    padding-right: 1em;
    text-align : right;
}

.parag_box td
{       
    text-align : left;
}

.parag_box td.button
{       
    text-align : right;
}

.parag_box td.button input
{       
    font-size : 1.2em;
}

.central_image
{
    margin: 3em 0 1.5em 0;
}

img.central_image
{    
    width: 50em;    
}

object.central_image
{    
    width: 640px;    
    height: 480px;
}


.highlight {
    background-color : yellow;
}

.highlight_menu {
    font-style : italic;

}
table.top_bar
{
    border-collapse: collapse;
    padding: 0;
    height : .8em;
    margin-left : .2em;
}



form .parag_box th {
    vertical-align:top;
    font-weight: normal;
    font-size : 1.2em;
    width : 10em;
}
form select, form input {
    font-size : 1em;
}

form .letter {
    padding-left : .2em;
    padding-right : .2em;
    border : 1px solid black;
}
form .letter:hover {
    border : 1px solid black;
    background-color : #999;
}
form td  {
    padding-left : 2em;
}

div.begrippenlijst p {
}

div.links h2 {
    margin-top : 2em;
    }
div.links p {
    margin: 0;
    margin-left : 3em;
}


#content img {
    border : 0;

}
                          
            
.av_in_format img {
    max-width : 300px;
    width: expression(this.width > 300 ? 300: true);
    max-height : 360px;
    height: expression(this.width > 360 ? 360: true);
}

.illustratie {
    padding : 1em 1em .5em 1em;
    border :1px solid gray;
    margin : 0em 0em .2em .5em;
    float :right;
}

.illustratie img {
    padding-bottom : 4px;
}
.bijschrift, .rechten, .bijschrift a, .rechten .a {
    font-style : italic;
    font-size : 9px;
    font-weight: normal;
    color : black;
    line-height : 1.2;
}
.rechten {
    font-style : italic;
    width: 100%;
    text-align: right;
}

img.av_detail {
    max-width : 600px;
    width: expression(this.width > 600 ? 600: true);
    border : 0; 
    text-align : center;
    align : center;
    padding : 1em;
}

.av_titel, av_bijschrift {
    font-size : 1.2em;
    text-align : center;
    margin-bottom : .2em;
    font-weight: bold;
}



#tt {
     position:absolute;
     display:block;
     z-index : 900;
    border:solid 1px #666666;
        width:280px;
        padding:1px;
        z-index:100;
        background-color:#ffffcc;
        layer-background-color:#ffffcc;
}
 #ttcont {
     display:block;
     padding:2px 12px 3px 7px;
    text-align : left;
    font-size : 12px;
 }

#tt h1 {
    font-size : 1.2em;
    padding : 0em;
    padding-bottom : .3em;
    margin : 0em;
    margin-left : 1em;
}

#tt p {
    margin : 0em;
}


.archiefvormer .line {
    position:relative;
    display : block;
    padding : 3px;
    padding-top : 6px;
}
.archiefvormer .line .header {
    width: 160px; 
    display:block;
    position:absolute;
    font-weight: normal;
    font-size : 1em;
    vertical-align: top;
    text-align: left; 
}
div.archiefvormer .line .content {
    margin-left: 165px;
    vertical-align: top;       
    text-align : left;
}


#content .archiefvormer  p {
    line-height : 1.2;
    margin-bottom : 0.5em;
    margin-top : 0.1em;
}



.archiefvormer .line ul, .archiefvormer .line ol {
    margin : .6em 0 0 0 ;
    padding-bottom : .4em;
    padding-left : 1.4em;
} 
.archiefvormer .line li ul {
    margin : 0;
    padding-left : .6em;
    padding-top : .3em;
} 

.archiefvormer .line {
    width : auto;
    padding-left : .3em;
    padding-right : .3em;
}

.box_navigation {
    margin-left : 1em;
    margin-bottom : 15px;
    text-align : right;
}
.box_navigation span {
    margin-left : .3em;
    margin-right : .3em;
}

#alfabet {
    padding-bottom : 4px;
}
#alfabet div {
    display : inline;
    border : 1px solid gray;
    padding : 1px 1px 1px 3px;
    margin : 0 2px 0 2px;
}
#alfabet div a {
    color : black;
}
#alfabet div#hover {
    background-color : gray;
}
div.image_box {
    float:right ;
    z-index: 1000;
    position:relative;
    background-color:white;
    width:240px;
}
.image_in_box {
    background-color: white;
    width:200px;
    position:relative;
    margin-left: 20px;
    float: none;
}
.visualclear {
    clear: both;
}
#content h2 {
    font-size: 1.2em;
}


#menu_left div,
#menu_left{
    padding: 0px !important;
    margin: 0px !important;
}
#content_home td p {
    margin: 0px;
    padding: 3px;
}

.list_of_formats td {
   padding : 2px 0px 1px 4px; 
}

#explain {
    margin-left : 40px;
    width : 500px;
}

#colofon p {
    margin-top: 0em;
    margin-bottom: 0.3em;
}