/*==Undo==*/
/**********/
/* Undo inconsistent html styles, see Tantek Celik: 
http://snipplr.com/view/266/undohtmlcss--tanteks-original-removes-browser-default-style/ */

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input 
{margin:0;padding:0;}

ul,ol { list-style:none; }

a img,:link img,:visited img { border:none; }

:link,:visited { text-decoration:none; color: #000; }

hr {visibility:hidden;}

/*==Structure and position==*/
/****************************/

/*    border: 1px solid blue;*/
html, body {
    height:100%;
}
#wrapper {
    width: 700px;
    margin: 0 auto;
/*    border: 1px solid black;*/
}

#empty_div1 {
    height:10000px;;
    border: 1px solid blue;
    width:1em;
    position:absolute;
    margin-left:-1em;
}

div.clearer {
    position:absolute;
    bottom:0;
}

#header {
    background-image: url(../images/header.jpg);
    background-repeat: no-repeat;
    width:100%;
    height:200px;
   /* border: 1px solid purple;*/
}

#content {
    clear:both;
    padding:5em 2em;
}

#navigation {
    width:100%;
}

#lang_select {
    position:relative;
    right:0;
    float:right;
    top:2em;
    height:0;
    padding-right:2em;
}

.menu_item {
    float:left;
}

#footer {
    padding-top:1em;
    padding-bottom:1em;
    width:100%;
}



/*==Style==*/
/***********/

/*===Menu===*/
.menu_item {
    /*border-bottom:1px solid #5a0000;
    border-right:1px solid #5a0000;*/
    width:173px;
    margin:0;
    position:relative;
    height:30px;
    padding:1px 1px;
    z-index:2;
    background: transparent url(../images/kruis_rood.png) no-repeat;
}

.menu_item .inner_text {
    display:block;
    width:130px;
    background: #e8e301;
    margin-left: 33px;
}

.menu_item { font-size:14px; text-align:center; font-family: "bitstream sans", arial, sans-serif ; font-variant:small-caps;}

#menu_0 .inner_text {background-color: #e7ebec;}
#menu_1 .inner_text {background-color: #54f400;}
#menu_2 .inner_text {background-color: #cae401;}
#menu_3 .inner_text {background-color: #c20303;}
#menu_4 .inner_text {background-color: #c20303;}
#menu_5 .inner_text {background-color: #cae401;}
#menu_6 .inner_text {background-color: #54f400;}
#menu_7 .inner_text {background-color: #e7ebec;}


.menu_item span:hover:before {
content: '_';    margin-top:auto;
    margin-bottom:auto;
}




#navigation {
padding-top:10px;
}

/*Fix containing floats that stick out of their container: see Eric Meyer
http://www.complexspiral.com/publications/containing-floats/
*/
#navigation hr {display:block; clear:left; line-height:0; height:0; margin:-0.2em;}

/*===Backgrounds===*/
body { background:#51BEA7 url(../images/bg_tile.jpg) repeat scroll 50% 0 ; }

#content { 
    background:#fff url(../images/bg_tile2.jpg) repeat scroll 50% 0; 
    margin:0;
    padding:0;
    position:relative;
/*    border:1px solid black;*/
}
#wrapper {
    margin:10px auto;
    padding:1px 0;
}
#footer { 
    background-color:#00a695; 
    margin-bottom:10px;
}
/*#navigation { background-color: #5a0000;}*/
#page_text {
    padding:6em 2em;
    
}

/*===Fonts===*/
body {
    font-family:helvetica,sans-serif;
    text-align:justify;position:relative;
    font-size:0.8em;
}

#footer { text-align:center; }



/*===links===*/
#lang_select a, #content #a { text-decoration:underline; }

#content a:link {
    color:#c70000;
}

#content a:visited {
    color:#5a0000;
}

#content a:hover {
    color:#5a0000;
    font-variant:small-caps;
}

/*===margins===*/
h2 {
    position:absolute;
    background:transparent url(../images/hoek_lb.jpg) no-repeat;
    top:0;
    left:0;
    margin:0;
    padding:0;
    padding-top: 2em;
    text-align:center;
    width:100%;
    font-variant:small-caps;
}

h2 span {
    position:absolute;
    background:transparent url(../images/hoek_rb.jpg) no-repeat;
    top:0;
    right:0;
    height:39px;
    width:42px;
}

h3 {
    margin-bottom:1em;
    margin-top:0.7em;
}

#content li {
    list-style:square;
    margin-left:1em;
}

#content ul {
    margin-bottom:0.7em;
}

#content p {
    margin-bottom:1em;
}