h1,h2,h3
{
font-family: arial, verdana,  'sans serif'; 
}

p,table,li
{
	font-family: arial, verdana,  'sans serif';
	color: #003366;
}

ul
{
list-style: disc; 
}

ol
{
list-style: decimal; 
}

p,li,th,td
{
font-size: 90%;
}

body
{
	background-color: #FFFFFF;
	height: 90%;
	width: 100%;
		margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
}

h1,h2,h3,hr 
{
	color:#FFFFFF;
}







/* uit html */


#thePage {
	position:relative;
	margin:1% auto;
	width:960px;
	/*height:500px;*/
	z-index:1;
	height: 1000px;
	overflow: visible;
	
}

#topmenu {
	position:relative;
	width:100%;
	height:20px;
	z-index:1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000066;
	border-top-color: #000099;
	border-right-color: #000099;
	border-bottom-color: #000099;
	border-left-color: #000099;
	background-color: #FFFFFF;
	margin: 0%;
}

#thePageLong {
	position:relative;
	width:940px;
	height:5000px;
	z-index:1;
	margin-top: 5%;
	margin-right: auto;
	margin-bottom: 5%;
	margin-left: auto;
}

#header {
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url(../../../../images/Al-Logo_TEKS_op_witT.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 80px;
}
#header_black {
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url(../../../../images/Al-Logo_TEKST_black_bg.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 80px;
}

#header_gray {
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url(../images/gsa_logo.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 116px;
}

#Middle {
	background-color:#FFFFFF;
	background-image:url(url());
	left:20px;
	position:absolute;
	width:900px;
	z-index:2;
}


#Middle_long {
	border:1px solid #FFFFFF;
	background-color:#CCCC99;
	background-image:url(url());
	
	left:100px;
	position:absolute;
	width:760px;
}

.menu {
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	text-decoration: none;
	
	
	}
 a.menu:link    {
	color:#003366;
	text-decoration: none;
}
a.menu :visited {
	color:#003366;
	text-decoration: none;
}
a.menu:active  {
	color:#003366;
	text-decoration: none;
}
a.menu:hover   {
	color:#FF0000;
	text-decoration: none;
	
}


.manu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	text-decoration: none;
	margin-left: 10px;
	}
 a.manu:link    {
	color:#003366;
}
a.manu :visited {
	color:#003366;
}
a.manu:active  {
	color:#003366;
}
a.manu:hover   {
	color:#FF0000;
}

#sidebar
{
	margin-left: 0px;
	width: 700;
	background-color: #FFFFFF;
	text-align: left;
	font-size: 1.4em;
	color: #003399;
	height: 270px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0;
	}
	
	#sidebarLong
{
	margin-left: 0px;
	width: 100%;
	background-color: #485b6e;
	text-align: left;
	font-size: 1.4em;
	color: #FFFFFF;
	
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0;	
	
	}

#benedenbar
{
	margin-left: 0px;
	width: 150px;
	/*background-color: #CCFFFF;*/
	/*background-image: url(../../../../images/footer_bomen.png);	z-index: 2;*/
	text-align: left;
	/*height: 168px;*/
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0;
	/*color: #003399;*/
	position: inherit;
	top: 380px;
	z-index: 0;
	left: 0px;	/*border: thin solid #CCCCCC;*/
	}
	
	#bar
{
	margin-left: 0px;
	width: 100%;
	background-color: #FFFFFF;
	text-align: left;
	
	height: 40px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 2px;
	z-index: 1;
	}
	
	
	
#links_sidebar
{
	margin-left: 0px;
	width: 155px;
	background-color: #FFFFFF;
	text-align: left;
	font-size: 1.4em;
	color: #003399;
	height: 200px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	z-index: 1;
	left: 0px;
	top: 180px;
	position: absolute;
	visibility: visible;
	right: 155px;
	
	}
	
	
	#inhoud
{
	margin-left: 0px;
	width: 520px;
	background-color: #FFFFFF;
	text-align: left;
	font-size: 1.4em;
	color: #000000;
	height: 100%px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	z-index: 2;
	left: 165px;
	top: 0px;
	position: relative;
	padding-left: 10px;
	
	}
	#inhoud_leden
{
	margin-left: 0px;
	width: 700px;
	background-color: #FFFFFF;
	text-align: left;
	font-size: 1.4em;
	color: #000000;
	height: 100%px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	z-index: 1;
	left: 165px;
	top: 0px;
	position: relative;
	padding-left: 10px;


	}
	#inhoud_lid
{
	/*border: thin dotted #FF0000;*/
	height: 500px;
	width: 735px;
	left: 170px;
	position: absolute;
	top: 180px;
	}
	
	#sidebar_right
{
	margin-left: 0px;
	width: 155px;
	background-color: #FFFFFF;
	text-align: left;
	font-size: 1.4em;
	color: #003399;
	height: 200px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	z-index: 1;
	left: 730px;
	top: 180px;
	position: absolute;
	visibility: visible;
	
	}
	
	#bar_wit
{
	margin-left: 0px;
	width: 889px;
	background-color: #FFFFFF;
	text-align: left;
	
	
	
	height: 20px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 10px;
	z-index: 1;
	}
	
	

#MenuDiv {
	position:absolute;
	width:200px;
	top:70px;
	left:19px;
	text-align:right;
	z-index:20;
}

#UserSpace {
	text-align:center;
}

#Login {
	position:absolute;
	width:120px;
	top:70px;
	left:898px;
	text-align:right;
	z-index:2;
}

#PageList {
	position:absolute;
	width:100px;
	height:400px;
	top:60px;
	left:798px;
	text-align:right;
	z-index:2;
	overflow:visible;
}


#MakeMenu {
	position:relative;
	width:200px;
	top:30px;
	left:-0px;
	text-align:right;
	z-index:20;
	font-size: 10px;	
}




#LeftField {
	position:absolute;
	left:18px;
	top:15px;
	width:267px;
	z-index:2;
	padding: 7px;
	padding-top:7px;
	height: 387px;
	overflow: auto;
}

#RightField {
	position:absolute;
	left:304px;
	top:13px;
	width:267px;
	z-index:2;
	padding: 10px;
	height: 386px;
	overflow: auto;
	background-color: #ffffff;
	background-image: url({image_url}) ;
	background-repeat: no-repeat;
}




.eip_savebutton { background-color: #00ff00; color: #fff; }
.eip_cancelbutton { background-color: #ff0000; color: #fff; }
.eip_saving { background-image: url('flec/js/ajax-loader.gif'); background-repeat: no-repeat; background-position: left; color: #903; padding: 0 0 0 20px; }
.eip_empty { color: #afafaf; border: 1px solid #afafaf; padding: 3px;}
.eip_editfield { background-color: #ffffff;  color: #000000; }
.eip_edittextarea { font-size: 11px; background-color: #ffffff; color: #000000;  }




#edit {
	margin: 0px;
	z-index:2;
	height: 50px;
}

.beta {
	font-size: 10px;
	color: #999999;	
} 
.beta a {
	font-size: 10px;
	color: #999999;	
} 

#beta {
position: fixed;
bottom: 30px;
z-index:10;
width:200px;
}

#introduction-div-in{
	font-size: 12px;
	color: #003366;
}

.article_title, .tabheader {
	font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	line-height:26px;
	color:#666666;	
}

.page_title {
	font-weight: bold;
	font-size: 14px;
	color:#666666;
}
.pagelistlink {
	font-weight: bold;	
	font-size: 12px;
	color:#ffffff;
}
.introduction {
	font-size: 12px;
	line-height:14px;
	color: #FF0000;
	background-color: #0000FF;
}


.page_intro {
color:#003366;
font-family:arial,verdana,'sans serif';

}

.smaller {
	font-size: 10px;	
}

.pages {
	font-size: 10px;	
}

.bold {
	font-weight:bold;	
}
.ThumbWithSmallInfo {
	font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	width:130px;
}

.spacer {
	height:50px;
}


.HeaderDiv {
	margin-bottom: 5px;
}


.color {
	color: #3366cc;
}

.red {
	color: #c31022;
}
.grey {
	color: #cccccc;
}

.darkgrey {
	color: #666666;
}

.white {
	color: #ffffff;
}

.bgwhite {
	background-color: #ffffff;
}

.bglightgrey {
	background-color: #eeeeee;
	border-style: solid;
	border-width: thin;
	border-color: #ffffff;
}





form
{
	font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size: 10px;
}



.formheader
{
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	text-align: left;
	text-decoration: none;
}


input
{
font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #333333;
border: 1px solid #000000;

}

.submit input
{
width: 15em;
color: #000;
border: 2px outset #000000;
margin-left: 18em;
	
}

.submitbutton
{
width: 20em;
font-size: 10px;
font-weight: bold;
text-align: center;
border: 2px outset #cccccc;
background: #3366cc;
padding: .3em 1em .4em;
/* background: black url(/flec_cms_mr/flec/images/form/knop_ww.gif) top left no-repeat; */

}


textarea
{
	font: "Trebuchet MS",Verdana,Arial,Sans-serif;
	font-size: 10px;
}




.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

.warning {
	color: #ff0000;
	/* background-color: #ffffff; */
}


.bg_black {
	background: #000000;
}
.black {
	color: #000000;
}

#smallpage_left {
	position:absolute;
	left:0px;
	background: #f25204;
}
#smallpage_right {
	position:absolute;
	left:287px;
	background: #e1e40d;	
}

.smallpage_left {
	padding:10px;
	margin:10px;

	color:#ffffff;
	width:250px;
	height:365px;
}

.smallpage_right {
	padding:10px;
	margin:10px;

	color:#ffffff;
	width:250px;
	height:365px;
}


.bg_yellow {
	background: #f25204;
}

.bg_red {
	background: #c31022;
}

.bg_lightyellow {
color:#000000;
background: #e1e40d;
}

.bg_grey_on_white {
color:#aaaaaa;
background: #ffffff;
}

.frontpageheader {
	font-size: 40px;
	color:#ff3399;
	margin-left:0px;
	margin-top:2px;
	padding:2px;
	
}

.inlinevid {
	margin-right: 15px;
	margin-top: 3px;
	width: 200px;
	height: 160px;
	text-align: left;
}



.menu_item_active a {
	color:#003399;
	/*background-color:#CCCCCC;*/
	width:200px;
	padding-right:20px;
	padding-left:10px;
	margin-right:10px;
	font-size:14px;
	line-height:20px;
	font-weight:bold;
}

.menu_item a {
color:#003399;
	/*background-color:#CCCCCC;*/
	width:200px;
	padding-right:20px;
	padding-left:10px;	
	margin-right:10px;
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	text-align:left;
}

.menu_sub_item_active a {
	color:#003399;
	background-color:#CCCCCC;
	width:200px;
	padding-right:20px;
	padding-left:20px;
	margin-right:5px;
	font-size:12px;
	line-height:20px;
}

.menu_sub_item a {
color:#003399;
	background-color:#CCCCCC;
	width:200px;
	padding-right:20px;
	padding-left:10px;	
	margin-right:10px;
	font-size:12px;
	line-height:20px;
}

.edit_zine_create a {
	background-color:#DB5800;
	color:#000000;
	padding:2px;
	margin-right:10px;
	line-height:30px;
	color:#000000;
}

.edit_zine a {
	background-color:#FFC92C;
	color:#8a0a17;
	padding:2px;
	margin-right:10px;
	line-height:20px;
		
}

.edit_zine_active a {
	background-color:#FF822E;
	color:#8a0a17;
	line-height:10px;
	padding:2px;
	margin-right:5px;
	line-height:20px;
}

#leftcontainer {
	position: absolute;
	width:288px;
	height:407px;
	overflow:hidden;
} 

#leftarrow {
	position: absolute;
	top:353px; /* 407-55 */
}

#leftarrow_plus {
	position: absolute;
	z-index: 2;
	bottom:10px;
	left:15px;
}

#rightcontainer {
	position: absolute;
	width:288px;
	height:407px;
	left:288px;
	overflow:hidden;
} 

#rightarrow {
	position: absolute;
	right:0px;
	top:353px; /* 407-55 */
}

#rightarrow_plus {
	position: absolute;
	z-index: 2;
	right:8px;
	bottom:11px;
}


#comment {
	background-color: #ffffff;
}

#commentname {
	background-color: #eeeeee;
	font-size: 10px;
}

#comments {
	padding:3px;
	border: 1px solid #cccccc;
	background-color: #dddddd;
}
.button a {
	color:#ffffff;
	background-color:#c31022;
	padding-right:10px;
	padding-left:10px;	
	padding-bottom:2px;
	padding-top:2px;		
	margin-right:5px;
	border: 1px solid #ffffff;
}
.commentheader {

}
.picolistpict {
	margin-right:5px;
	width:60px;
}


	
#container {
	margin: 0px;
	padding: 0px;
	position: relative;
	
	background-color: #999999
}
.text_page {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	
}
 a.text_page:link    {
	color:#FFFFFF;
}
a.text_page :visited {
	color:#000000
}
a.text_page:active  {
	color:#333333
}
a.text_page:hover   {
	color:#FF0000
}




.text_page_black {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	text-decoration: none;
}

#test_scrol {
	margin: 0px;
	padding: 0px;
	position: relative;
	background-color: #FFFFFF;
	height: 200px;
	width: 780px;
	overflow: scroll;
	visibility: inherit;
}
.lijntje {
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #999999;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.border {
	border: thin solid #999999;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 5px;
}

.border_tab {
	border-top-width: thin;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #999999;
	border-bottom-width: thin;
	border-bottom-color: #999999;
}


#plaatje {
	width: 350px;
	height: 330px;
	z-index: 1;
	position: absolute;
	visibility: visible;
	top: 120px;
/*	margin: 10px;*/
}
#plaatje_2 {
	width: 170px;
	height: 100px;
	z-index: 1;
	position: absolute;
	visibility: visible;
	left: 368px;
	top: 0px;
	padding: 0px;
	/*margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;*/
}
#plaatje_3 {
	width: 170px;
	height: 100px;
	z-index: 1;
	position: absolute;
	visibility: visible;
	left: 560px;
	top: 0px;
	/*margin: 10px;
	padding: 0px;*/
	
}
#tekst {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 350px;
	height: 100px;
	z-index: 1;
	position: absolute;
	visibility: inherit;
	/*margin: 10px;*/
	padding: 0px;
	left: 0px;
	top: 0px;
	overflow: visible;
	
}
#statement {
	
	position: absolute;
	width: 360px;
	overflow: visible;
	
	left: 368px;
	top: 120px;
	visibility: inherit;
	height: 320px;
}
.onderschrift {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	color: #000000;
}
#but {
	width: 59px;
	height: 21px;
	z-index: 2;
	position: relative;
	visibility: visible;
	margin: 0px;
	padding: 0px;
	left: 669px;
	top: 134px;
	
}
#werk {
	position: absolute;
	width: 560px;
	overflow: visible;
	left: -1px;
	top: 1px;
	visibility: inherit;
	height: 347px;
}
#tekst_werk {
	position: absolute;
	width: 160px;
	height: 347px;
	overflow: visible;
	left: 573px;
	top: 1px;
	visibility: inherit;
	
}

#zoek{
	margin-left: 0px;
	width: 155px;
	background-color: #FFFFFF;
	text-align: left;
	font-size: 1.4em;
	color: #003399;
	height: 18px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	z-index: 1;
	left: 730px;
	top: 132px;
	position: absolute;
	visibility: visible;
}

-->