/* CSS Document */

/* algemene links -------------------------------------------*/

a:link {
    text-decoration:underline;
	color:#CCCCCC;
}

a:visited{
	text-decoration:underline;
	color:#CCCCCC;
}

a:hover {
	text-decoration:underline;
	color:#FFED00;
}

a:active {
	text-decoration:underline;
	color:#CCCCCC;
}

/* vreemd genoeg is dit nodig om de a:hover te activeren */

a img {
border: 0; 
}


/*Tekstopmaak-------------------------------------------------*/
h1{
font-family:Arial, Helvetica, sans-serif;
font-size:12pt;
color:#FFFFFF;
font-style:italic;
line-height:0%;
}

h2{
font-family:Arial, Helvetica, sans-serif;
font-size:11pt;
color:#FFFFFF;
font-style:italic;
}

h3{
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#FFFFFF;
}

h4{
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#FFFFFF;
font-weight:bold;
text-decoration: underline;
padding: -5px;
}

h5{
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#999999;
margin-bottom:7px;
font-weight: normal;
}

p{
 color:#FFFFFF;
}

#underlinetitle{
border-bottom:solid;
border-bottom-color:#999999;
border-bottom-width: 1px;
}

/* body opmaak ---------------------------------------------------------*/

html{
height:100%;
} 

body {
margin:0px;
padding:0px;
background-color:#3F3F3F;
text-decoration: none;
scrollbar-arrow-color:#FFFFFF;
scrollbar-face-color: #000000;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color: #000000;
scrollbar-shadow-color:#000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #FFFFFF;
}

/* Algemene DIV --------------------------------------------------------------*/
#container {
/*onderstaande code centreert je div horizontaal en verticaal*/
position:absolute;
left:50%;
top:50%;
margin-left:-415px;
margin-top:-300px;

/* de rest */
width: 830px;
height: 599px;
border: 0px solid #000000; 
padding: 0px;
background-image:url(../achtergrond.jpg);
background-repeat:no-repeat;
background-position:top;
background-color:#FFFFFF;
}

#laadboodschap{
	position:absolute;
	left: 298px;
	top: 386px;
	width:250px;
	height:91px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	text-align: center;
}

/* Div vd lijst in blur toestand---------------*/
#lijst{
position:absolute;
left: 355px;
top: 110px;
width:120px;
height:91px;
background-image:url(../lijstblur.jpg);
background-repeat:no-repeat;
filter: alpha(opacity=80); /*IE syntax */ 
-moz-opacity: .80; /* Mozilla */
opacity: .80; /*De rest */ 
}

#taal{
	position:relative;
	left: 525px;
	top: 575px;
	width:100px;
	height:15px;
	padding:2px;
	background-color:#000000;
	text-align:right;
}

/*
#lijstblur{
position:absolute;
left: 355px;
top: 100px;
width:120px;
height:91px;
background-image:url(../lijstblur.jpg);
background-repeat:no-repeat;
filter: alpha(opacity=50);  
-moz-opacity: .50; 
opacity: .50;
}
*/

/* Div met fotoviewer op Word ARt pagina en Poster pagina*/
#fotowordart{
	position:relative;
	left: 84px;
	top: 200px;
	width:350px;
	height:315px;
	background-color:#000000;
	overflow: auto;
}

/* achtergrond blur voor Word ARt tekst */
#tekstwordartblur{
	position:absolute;
	left: 78px;
	top: 135px;
	width:640px;
	height:358px;
	background-color:#000000;
	filter: alpha(opacity=84); /*IE syntax */
    -moz-opacity: .84; /* Mozilla */
	opacity: .84; /*De rest */
	padding: 15px;
}

/* Div met tekst op Word ARt pagina */
#tekstwordart{
	position:absolute;
	left: 364px;
	top: 51px;
	width:288px;
	height:320px;
	overflow:auto;
}

/*
#tekstwordart a:link {
text-decoration:underline;
color:#FFFFFF;
}

#tekstwordart a:visited{
text-decoration:underline;
color:#FFFFFF;
}

#tekstwordart a:hover {
text-decoration:underline;
color:#FFED00;
}

#tekstwordart a:active {
text-decoration:underline;
color:#FFFFFF;
}

*/

.positie_tekst {
position: relative;
top: -10px;
}

#contact{
position:absolute;
padding:15px;
left: 232px;
top: 115px;
width:362px;
height:380px;
overflow:auto;
background-color:#000000;
filter: alpha(opacity=85); /*IE syntax */ 
-moz-opacity: .85; /* Mozilla */
opacity: .85; /*De rest */ 
}

/*
#contact a:link {
text-decoration:underline;
color:#FFFFFF;
}

#contact a:visited{
text-decoration:underline;
color:#FFFFFF;
}

#contact a:hover {
text-decoration:underline;
color:#FFED00;
}

#contact a:active {
text-decoration:underline;
color:#FFFFFF;
}

*/

.welkom{
position:absolute;
top:555px;
left:30px;
width:110px;
height:50px;
margin-left:10px;
}

/*
#navback{
position:absolute;
top:570px;
left:315px;
width:80px;
height:20px;
text-align:center;
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:11pt;
}


#navback a:link {
text-decoration:underline;
color:#CCCCCC;
}

#navback a:visited{
text-decoration:underline;
color:#CCCCCC;
}

#navback a:hover {
text-decoration:underline;
color:#FFED00;
}

#navback a:active {
text-decoration:underline;
color:#CCCCCC;
}

#navforw{
position:absolute;
top:570px;
left:395px;
width:100px;
height:20px;
text-align:center;
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:11pt;
}

#navforw a:link {
text-decoration:underline;
color:#CCCCCC;
}

#navforw a:visited{
text-decoration:underline;
color:#CCCCCC;
}

#navforw a:hover {
text-decoration:underline;
color:#FFED00;
}

#navforw a:active {
text-decoration:underline;
color:#CCCCCC;
}

*/

#copyright{
position:absolute;
top:560px;
left:10px;
width:110px;
height:20px;
margin-left:10px;
text-align:center;
}

#posterkeuze{
background-color:#FFFFFF;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
}

#posterkeuzetekst{
position:relative;
padding-top:3px;
padding-left:3px;
color:#FFFFFF;
background-color:#333333;
width: 310px;
height:140px;
left:10px;

}

#posterkeuze a:link img{
border:0px;
}

#posterkeuze a:visited img{
border:0px;
}

#posterkeuze a:hover img{
border:1px;
border-color:#FFED00;
}

#posterkeuze a:active img{
border:0px;
}


#posterlijsttekst{
	position:absolute;
	padding-top:5px;
	padding-left:3px;
	color:#FFFFFF;
	background-color:#333333;
	width: 105px;
	height:62px;
}

#posteronderwerpen{
	position:absolute;
	top:137px;
	left:550px;
	text-align:right;
	padding-top:5px;
	padding-left:3px;
    color:#CCCCCC;
	width: 175px;
	height:20px;
}

/*
#posteronderwerpen a:link {
text-decoration:underline;
color:#CCCCCC;
}

#posteronderwerpen a:visited{
text-decoration:underline;
color:#CCCCCC;
}

#posteronderwerpen a:hover {
text-decoration:underline;
color:#FFED00;
}

#posteronderwerpen a:active {
text-decoration:underline;
color:#CCCCCC;
}

*/

/* pop up tekst -----------------------------------*/
/*
.lijst a {
display: block;
position:absolute;
left: 355px;
top: 100px;
width:120px;
height:91px;
text-decoration:none;
background-image:url(../lijst.jpg);
background-repeat:no-repeat;
}

#lijst1 a .pop {
display: block;
position:absolute;
left:-50px;
top:100px;
width:250px;
height:20px;
padding-left:7px;
padding-top:7px;
visibility:hidden;
color:#FFFFFF;
overflow:visible;
}

#lijst1 a:hover .pop {
	visibility: visible;
}
*/