body {
    background-image : url(achtergrond.png);
    background-repeat : repeat-x;
    background-color : #5C8AFF;
    font-family : Arial, Helvetica, sans-serif;
    padding-top : 30px;
}

.body {
    background-color : #5C8AFF;
    border-style : outset;
    border-color : #000000;
    height : 600px;
    margin : auto;
    padding : 30px;
    width : 800px;
    color : #CCFFFF;
}

h2 {
    text-align : center;
}

.message{
	font-size : 1.4em;
	color : #0E9A2A;
}

.foot {
    font-size : 80%;
    bottom : 10px;
}

.rechtsonder {
    padding-top : 30px;
    margin : auto;
    text-align : center;
}

.fotoKop {
    margin-top : -10px;
    text-align : center;
    height : 20%;
}

.titel {
    text-align : center;
    height : 5%;
    margin-bottom : 5%;
}

.click {
   cursor : pointer;
}

.foto {
   margin-right : 5%;
   border : 3px;
   border-color : gray;
   border-style : inset;
}

#scherm {
    background : #666666;
    z-index : 100;
    min-width : 100%;
    width : 100%;
    min-height : 100%;
    height : 100%;
    position : absolute;
    top : 0px;
    left : 0px;
/*     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; */
    filter : alpha(opacity=85);
    opacity:.85;
    padding : 100px;
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display:    none;
    position:   absolute;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('ajax-loader.gif') 
                50% 50% 
                no-repeat;
}

div#foto {
    margin-left: auto ;
    margin-right: auto ;
    z-index : 350;
    width : 640px;
}

div#foto_container {
    top : 60px;
    z-index : 300;
    position : absolute;
    width : 100%;
}

div#tab-container {
    width : 100%;
    height : 67%;
    font-size : 0.7em;
}

div#tabs {
    height : 97%;
}
div#tabs ul {
    font-size : 0.93em;
}

div.sluit {
    background-color : transparent;
    padding : 5px;
    border : thin solid;
    border-color : red;
    height : 15px;
    width : 15px;
    text-align : center;
    float : right;
    font-weight : bold;
    cursor : pointer;
    z-index : 999;
}
div#tabs div.tab_achtergr {
	overflow : auto;
	height : 86%;
	background-image : url(tekst.png);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center; 
}
.center {
    text-align : center;
    margin : auto;
}

div#img2 {
    padding-top : 24px;
}

.fllin{
    float : right;
    padding-top : 15px;
    position : relative;
    bottom : 1px;
    width : 225px;
}

.lin{
    right : -50px;
    padding-top : 15px;
    position : relative;
    width : 225px;
}

.p1 {font-size : 2.0em;}
.p2 {font-size : 1.8em;}
.p3 {font-size : 1.6em;}
.p4 {font-size : 1.4em;}
.p5 {font-size : 1.2em;}
.p6 {font-size : 1.0em;}
.p7 {font-size : 0.8em;}
.p8 {font-size : 0.6em;}