@charset "UTF-8";
/* CSS Document */

#banner {
	width: 396px;
	height: 127px;
	margin: 0 auto;
	margin-bottom: 0px;
	margin-top: 40px;
	background-image:url(flstudiobanner.png);
	background-repeat:no-repeat;
	text-align: center;
	border-width: 0px;
	border-style: solid;
	border-color: #263D4B;
	}

body {
	background: #40545E;
	font-size: 14px;
	}
	
#bottom {
	float: left;
	width: 1048px;
	height: 100px;
	background-image:url(afbeeldingen/bottom.jpg);
	background-repeat:no-repeat;
	text-align: center;
	}
	
#bovenstebalklinks {
	float: left;
	margin-left: 20px;
	margin-top: 10px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: white;
	font-weight: bold;
	}
	
#bovenstebalklinks a {
	text-decoration: none;
	color: white;
	}
	
#bovenstebalklinks a:hover {
	text-decoration: none;
	color: #FF8723;
	}
	
#bovenstebalkrechts {
	float: right;
	margin-right: 25px;
	margin-top: 8px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: white;
	font-weight: bold;
	}
	
#bovenstebalkrechts a {
	text-decoration: none;
	color: white;
	}
	
#bovenstebalkrechts a:hover {
	text-decoration: none;
	color: #FF8723;
	}
	
#container { 
	margin: 0 auto; 
	width: 1048px; 
	height: 100%; 
	text-align: center;
	position: relative;
	}

#content { 
	width: 1048px; 
	height: auto; 
	color:#333333;
	text-align: left; 
	overflow:auto;  
	float: left; 
	background-image:url(afbeeldingen/bg_content.jpg);
	background-repeat: repeat-y;
	}
	
.copy_p {	
	font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;
	margin-top: 40px;
	}
	
.dialogtext a {
	text-decoration: none;
	color: #000000;
	}
	
.dialogtext a:hover {
	text-decoration: underline;
	color: #DD6914;
	}
	
.dialogtext_p {
	margin: 5px 5px 5px 5px;
	}

.forumlink a {
  font-family:arial;
	text-decoration: none;
	color: #1414DD;
	font-size:24px;
	margin-left: 28px;
}

.forumlink a:hover {
  color: #DD6914;
    
}
	
.dialogtext {
	font-family:arial;
	font-size:14px;
	color:#dae0e0;
	font-weigth:bold;
	background-color: #40545E;
	border-color: #000000;
	border-style: solid;
	border-width: 3px;
	}
	
.dialogtexttut {
	font-family:arial;
	font-size:14px;
	color:#dae0e0;
	font-weigth:bold;
	background-color: #40545E;
	border-color: #000000;
	border-style: solid;
	border-width: 3px;
	}
	
.dialogtexttut a:link {
	color:#cccc00; 
	text-decoration:none;
	font-weight: bold;
	}
	
.dialogtexttut a:visited {
	color:#cccc00; 
	text-decoration:none;
	}
	
.dialogtexttut_p {
	margin: 5px 5px 5px 5px;
	}
	
.dialogtexttut a:hover {
	color:#ffffff; 
	text-decoration:none;
	}
	
.dialogtitle {
	font-family:verdana;
	font-size:14px;
	color:#d6dadc;
	font-weight:bold;
	font-size:12px;
	margin-left: 5px;
	}
	
#fast {
	float: left;
	text-align:center;
	width: 973px;
	height:auto;
	}
	
h1 {
	font: 17px Calibri, Verdana, Helvetica, Arial;
	color: orange;
	font-weight: bold;
	letter-spacing: 1px;
	}
	
#header { 
	overflow:hidden;
	float: left; 
	text-align: left;
	width: 1048px; 
	height: auto;  
	color: #999; 
	background-image:url(afbeeldingen/bg_header.jpg);
	background-repeat: repeat-y;
	margin-top: 0px;
	}
	
#inhoud {
	float: left;
	width: 960px;
	height: auto;
	margin: 10px 20px 20px 40px;
	overflow: hidden;
	}
	
.inhoudsopgave {
	font: 12px Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	margin-top: 5px;
	margin-left: 20px;
	}	
	
.inhoudsopgave a {
	font: 14px Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	}
	
.inhoudsopgave a:hover {
	font: 14px Geneva, Arial, Helvetica, sans-serif;
	color: #FFA10D;
	text-decoration: underline;
	}
	
	
#koppeling {
	height: 103px;
	width: 1048px;
	margin-top: 77px;
	background-image:url(afbeeldingen/bg_header.jpg);
	background-repeat: repeat-y;
	z-index: 1;
	}
	
#logo {
	float: left;
	height: auto;
	width: 20%;
	margin-left: 30px;
	margin-top: 0px;
	}
	
#menubalk {
	padding-top: 30px;
	height: 27px;
	text-align:center;
	width: 968px;
	margin-left: 80px;
	}
	
#menuknop {
	display: block;
	margin: 0px;
	height: 27px;
	width: 100px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: white;
	font-weight: bold;
	text-align: center;
	float: left;
	vertical-align: middle;
	}
	
#menuknop a {
	display:block;
	height: 20px;
	width: 100px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FF8723;
	font-weight: bold;
	text-decoration: none;
	padding-top:7px;
	}
	
#menuknop a:hover {
	display:block;
	height: 20px;
	width: 100px;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	}	
	
#wrappermenubalk {	
	height: auto;
	width: auto;
	text-align: center;
	margin: 0 auto;
	display: inline;
	}
	
td.menubalktable {
	background-color:#1A2831;
	text-align: center;
	padding-top: -7px;
	}
	
#naam {
	<!--[if MOZILLA]>height: 118px;<![endif]-->
	height: 116px;
	width: 245px;
	background-color: #40545E;
	margin-left: 0px;
	}
	
.naam_p {
	font: 14px Arial;
	color:#cccc00; 
	text-decoration:none;
	font-weight: bold;
	margin-top: 0px;
	margin-left: 20px;
	}
	
.modnaam_p {
	font: 14px Arial;
	color:darkred; 
	text-decoration:none;
	font-weight: bold;
	margin-top: 0px;
	margin-left: 20px;
	}	

.naamtekst {
	margin-top: 0px;
	margin-left: 20px;
	font: 12px Arial, Helvetica, sans-serif;
	color: black;
	}	
	
.naamtekst a {
	font: 12px Arial, Helvetica, sans-serif;
	color: black;
	text-decoration: none;
	}
	
.naamtekst a:hover {
	font: 12px Arial, Helvetica, sans-serif;
	color: orange;
	text-decoration: underline;
	}
	
.namelink {
	font: 12px Arial, Helvetica, sans-serif;
	color: black;
	margin-left: 20px;
	margin-bottom: 20px;
	}
	
.namelink a {
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #40545E;
	}
	
.namelink a:hover {
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: FFA10D;
	}
	
#nieuwsklein {
	float: right;
	height: auto;
	width: 650px;
	margin: -7px 15px 0px 0px;
	text-align: left;
	}
	
#nieuwsklein a {
	text-decoration: none;
	color: #383232;
	}
	
#nieuwsklein a:hover {
	text-decoration: underline;
	color: #DD6914;
	}
	
.nieuwskleintitel_p {
	font: 10px Verdana;
	color: #FFFFFF;
	font-weight: bold;
	}
	
.nieuwskleintekst_p {
	font: 10px Verdana;
	color: #dddddd;
	font-weight: bold;
	}
	
	
.ondertitel {
	font: 16px Geneva, Arial, Helvetica, sans-serif;
	color: #FFA10D;
	margin-top: 5px;
	margin-left: 20px;
	font-weight: bold;
	}	
	
.ondertitel a {
	font: 12px Geneva, Arial, Helvetica, sans-serif;
	color: #FFA10D;
	text-decoration: none;
	font-weight: bold;
	}
	
.ondertitel a:hover {
	font: 12px Geneva, Arial, Helvetica, sans-serif;
	color: #FFA10D;
	text-decoration: underline;
	font-weight: bold;
	}
	
#quicklink {
	background-image:url(afbeeldingen/quicklink.jpg);
	height: 66px;
	width: 1048px;
	margin-top: 0px;
	}
	
#snelkoppeling {
	z-index: 2;
	background-image:url(afbeeldingen/bg_header.jpg);
	background-repeat: repeat-y;
	}
	
#stuurin {
	float: left;
	margin-top: 30px;
	width: auto;
	height:auto;
	}
	
/*tabbladen */

#tabbladen {
	float: left;
	width:968px;
	margin: 40px 0px 0px 20px;
	background:#576972;
	font-size:93%;
	line-height:normal;
	font: 12px "Arial";
  	}

#tabbladen ul {
	margin:0px;
	padding:10px 10px 0px;
	list-style:none; 
 	}
	
#tabbladen li {
	float:left;
	margin:0px;
	}
	
#tabbladen a {
	float:left;
	display: block;
	background:url("afbeeldingen/tabbladen/left.jpg") no-repeat left top;
	padding:0px 0px 0px 16px;
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
	}
	
#tabbladen span {
	display:block;
	background:url("afbeeldingen/tabbladen/right.jpg") no-repeat right top;
	padding:5px 26px 4px 2px;
	}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#tabbladen a {float:none;}
/* End IE5-Mac hack */

#tabbladen a:hover {
	color:#FF8723;
	}
	
#tabbladen #current {
	padding:0px 0px 0px 0px;
	}
	
#tabbladen #current a {
	background-image:url("afbeeldingen/tabbladen/left_on.jpg");
	}
	
#tabbladen #current span {
	background-image:url("afbeeldingen/tabbladen/right_on.jpg");
	color:#000000;
	}
	
#tabbladen a:hover {
	background-image:url("afbeeldingen/tabbladen/left_hover.jpg");
	}
	
#tabbladen a:hover span {
	background-image:url("afbeeldingen/tabbladen/right_hover.jpg");
	}

.tekst {
	font: 14px Arial, Helvetica, sans-serif;
	color: black;
	margin-top: 20px;
	margin-right: 30px;
	margin-left: 20px;
	}	
	
.tekst a {
	font: 14px Arial, Helvetica, sans-serif;
	color: blue;
	text-decoration: none;
	}
	
.tekst a:hover {
	font: 14px Arial, Helvetica, sans-serif;
	color: orange;
	text-decoration: underline;
	}
	

.titel {
	font: 25px Verdana, Arial, Helvetica, sans-serif;
	color: #1a2831;;
	letter-spacing: 3px;
	}
	
#top {
	background-image:url(afbeeldingen/top.jpg);
	height: 18px;
	width: 1048px;
	margin-top: 15px;
	}
	
.trans {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;						
	}
	
#tutorials {
	margin:0 200px;
	height: auto;
	width: auto;
	float: left;
	text-align:center;
	}	 
	
.tuttekst {
	font: 13px Arial, Helvetica, sans-serif;
	color: black;
	margin: 10px 20px 10px 10px;
	height: auto;
	}
	
.tuttekst a {
	text-decoration: none;
	color: #378b2d;
	}
	
.tuttekst a:hover {	
	text-decoration: underline;
	color: FFA10D;
	}
	
.windowtop {
	background-color: #000000;
	}
	
/*-----ronde hoeken-----*/

.rondehoeken {
	width: 200px;
	background: #cbd1e8;
	color: #FFF;
}

.bovenrond ul {
	background: url(afbeeldingen/hoeken.jpg) -15px -15px no-repeat;
	height: 15px;
	list-style: none;
	margin: 0;
}
.bovenrond ul li {
	float: right;
	background: url(afbeeldingen/hoeken.jpg) 0px -15px no-repeat;
	width: 15px;
	line-height: 15px;
}

ol li {
	margin-bottom: 10px;
}

.onderrond ul {
	background: url(afbeeldingen/hoeken.jpg) -15px 0px no-repeat;
	height: 15px;
	list-style: none;
	margin: 0;
}
.onderrond ul li {
	float: right;
	background: url(afbeeldingen/hoeken.jpg) 0px 0px no-repeat;
	width: 15px;
	line-height: 15px;
}

/*--------nieuws---------*/

.artikelkop {
	background-color : #233D4A;
	background-repeat: repeat-x;
}

.artikelkop h4 {
	margin : 0;
	padding : 4px 5px 2px 5px;
	clear : both;
	color: white;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
}

.artikelkop h4 a {
	color : #444444;
	text-decoration : none;
}

.artikelvoettekst a, .laatsteartikelvoettekst a {
        color : #444444;
        text-decoration : underline;     
}

.artikelkop h4 a:hover, .artikelvoettekst a:hover, .laatsteartikelvoettekst a:hover {
	text-decoration : none;
}

#artikelimg {
	float : right;
	border : 0px;
	padding : 0 0 5px 5px;
	height: 125px;
}

#nieuwswrapper {
	float: left;
	width: 600px;
	margin-left: 20px;
	border: 1px;
	border-style: outset;
	border-color: #1A2831;
	min-height: 165px;
	height: auto;
	margin-bottom: 30px;
	}
	
.artikeltekst {
	font: 13px Arial, Helvetica, sans-serif;
	color: black;
	margin: 10px 20px 10px 10px;
	height: auto;
	}
	
.artikeltekst a {
	text-decoration: none;
	color: #40545E;
	}
	
.artikeltekst a:hover {	
	text-decoration: underline;
	color: FFA10D;
	}

#nieuwsarchief {
	float: right;
	width: 200px;
	height: 165px;
	border: 1px;
	border-style: solid;
	border-color: #1A283;
	margin-right: 30px;
	}