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

p,table,li
{
font-family: verdana, arial, 'sans serif'; 

}

ul
{
list-style: disc; 
}

ol
{
list-style: decimal; 
}

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

body
{
	background-color: #FFFFFF;
	height: 90%;
	width: 100%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: "Arial";
	font-size: 14px;
	color: #003399;
	
}








/* 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: #000000;
	text-decoration: none;
	
	
	}
 a.menu:link    {
	color:#000000;
	text-decoration: none;
}
a.menu :visited {
	color:#000000
	text-decoration: none;
}
a.menu:active  {
	color:#000000
	text-decoration: none;
}
a.menu:hover   {
	color:#FF0000
	text-decoration: none;
}


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

#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;
	}
	
	#sidebar_right
{
	margin-left: 0px;
	width: 155px;
	background-color: #FFFFFF;
	text-align: right;
	font-size: 1.4em;
	color: #003399;
	height: 300px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0;
	border: thin none #000000;
	z-index: 1;
	position: absolute;
	left: 744px;
	top: 200px;
	}
	
	#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;	
	
	}
	
	#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: 1;
	left: 165px;
	top: 0px;
	position: relative;
	padding-left: 10px;
	
	}

#benedenbar
{
	width: 900px;
	background-color: #FFFFFF;
	z-index: -1;
	font-size: 1.4em;
	color: #000000;
	text-align: left;
	height: 120px;
	position: relative;
		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;
	padding: 10px;
	top: 50px;
	overflow: hidden;
	}
	
	#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;
	}
	
	#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: #0000FF;

}

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

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

.page_intro {
	font-size: 16px;
	line-height:20px;
	font-weight:bold;

}

.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:2px;
	margin-right:5px;
	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;
}

.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;
}
.wa {
	cursor: auto;
}