html		{
			height: 100%; 
		}
body		{
			font-family: Verdana, Helvetica, sans-serif; 
			font-size: 10px; color: #000000; 
			line-height: 14px; 
			background-color: #efefee ; 
			padding:0px; 
			margin:10px; 
			margin-bottom: 3em;
		} 
div 		{
			margin:0; 
			padding:0;
			border:0;
		}
		
p		{margin:0; padding:0; width: auto;}		
		
/* COLUMNS */
.col0 		{
			float: left; 
			width: 200px; 
			height: 200%; 
			/*overflow: hidden; 
			padding-top: 1em; */
			padding-left: 10px; 
			padding-right: 20px; 
			margin-bottom: 3em; 
			border: 0; 
			vertical-align:top;
		}
.col1, .nieuw, .new, #nieuw, #new, .board, .bestuur, .mission, .missie	{
			/*display:inline-block; */
			float:left;
			width: 200px; 
			height: 462px; 
			overflow: show; 
			padding-top: 1em; 
			padding-bottom: 1em;
			padding-left: 10px; 
			padding-right: 16px; 
			margin-bottom: 2em; 
			margin-right: 0; 
			margin-left: 0; 
			border-right: 0;
			border-left: 1px black solid; 
			vertical-align: top;
		}
		
.contact, #contact {
			/*display:inline-block; */
			float:left;
			width: 200px; 
			height: 462px; 
			overflow: show; 
			padding-left: 10px; 
			padding-right: 16px; 
			margin-bottom: 2em; 
			margin-right: 0; 
			margin-left: 0; 
			border-right: 0;
			border-left: 0px black solid; 
			vertical-align: top;
		}


		
		.col1 .col1 {padding:0; margin:0; border:0; width:auto; display:inline;} 
		
.clearBoth { clear:both; }
		
.lopend,  
.current,
.future,
.verwacht{
			float:left;
			display:inline-block; 
			
		}
		
.pages {position: absolute; left: 600px; top: 11em; }
.pagenav 	{		
position: absolute; left: 700px; top: 11em; width: 200px; text-align: right;

		}


/*** OUDE NEWSCOL 

.newscol		{
			float:left;
			width: 200px; 
			height: 462px; 
			overflow: hidden; 
			padding-top: 1em; 
			padding-bottom: 1em;
			padding-left: 10px; 
			padding-right: 16px; 
			margin-bottom: 2em; 
			margin-right: 0; 
			margin-left: 0; 
			border-right: 0;
			border-left: 1px black solid; 
			vertical-align: top;
		}

****/
.newscol {
float:left;			width: 200px; 
			height: 260px; 
			overflow: hidden; 
			padding-top: 0; 
			padding-bottom: 1em;
			padding-left: 10px; 
			padding-right: 16px; 
			margin-bottom: 2em; 
			border-left: 1px black solid; 
			vertical-align: top;
			
		}


.newscol:hover{
			background-color: white; 
			overflow: hidden; 
		}*/
.col2 		{
			float: left; 
			width: 400px; 
			height: auto; 
			min-height:28em; 
			overflow: show; 
						padding-top: 1em; 
			padding-bottom: 1em;
			padding-left: 10px; 
			padding-right: 16px; 
			margin-bottom: 2em; 
			border-left: 1px black solid; 

		}
.col3 		{	
			background-color: white; 

			/*display:inline-block; */
			float:left;
			vertical-align:top;
			width: 200px; 
			height:230px;
			min-height;28em; 
			padding-left: 10px; 
			padding-right: 20px; 
			margin-bottom: 1em; 
			margin-top: 1em;
		}
.imgcol 	{
			background-color: #FFF; 
			/*display:inline-block;*/
			float:left;
			width: 200px; 
			height:462px; 
			overflow: hidden; 			
			padding-right: 10px; 
			padding-left: 10px; 
			padding-bottom: 1em; 
			padding-top: 1em; 
			border-left: 1px black solid;
			margin-bottom: 1em;
			margin-right:0;
			margin-left:0;


		}
		
.imgcol:hover{
			overflow: hidden; 
						background-color: #efefee ; 

		}
		
.imgcol img 	{
			margin-bottom: 10px;
			width: 200px;
		}
		


.medewerkers, .staff, .col4, .press {
			display:inline-block; 
			width: 200px; 
			height: auto; 
			overflow: show; 
			padding-top: 0; 
			padding-bottom: 1em;
			padding-left: 10px; 
			padding-right: 16px; 
			margin-bottom: 2em; 
			/*margin-right: 0; 
			margin-left: 0; 
			border-right: 0;*/
			border-left: 1px black solid; 
			vertical-align: top;
			
		}

/*.col4:hover{
			background-color: white; 
			overflow: show; 
		}*/
.wrapper, #verwacht {margin-left: 229px; /*min-width:1000px;*/ display:block;}
.menu {height:140px; vertical-align:top;}	
.search {padding:0; margin:0; vertical-align:top; height:14px;}

/* SEARCH */

.searchinputbox {
	/*padding: 3px 4px;*/
	margin-left: -2px;
	margin-top:0px;
	/*margin-bottom:1em;*/
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
	border: 0px solid #CCCCCC;
	background: #efefee;
	outline: none;
	width:170px;

}
.searchinputbox:focus {	background: #fff;	
					border: 1px solid #999;
					height:14px;
}


.inputbox {
	padding: 3px 4px;
	margin-left: -2px;
	margin-top:7px;
	margin-bottom:1em;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
	border: 1px solid #CCCCCC;
	outline: none;
	width:200px;

}
.inputbox:focus {	background: #fff;	
					border: 1px solid #999;
}



.highlight {	background: #fff; padding-left: 3px;	padding-right: 3px; font-weight:bold;}

.inline {
			display:inline-block; 
			width: 208px; 
			height: auto; 
			overflow: show; 
			padding-top: 0; 
			padding-bottom: 1em;
			padding-left: 10px; 
			padding-right: 16px; 
			vertical-align: top;
			
		}


/* editor*/

.defaultSkin table { padding:10px; width: 100%; margin:0; width:740px; }
.defaultSkin .mceToolbar {width: auto; margin:0; }
.defaultSkin td.mceToolbar { width: auto; padding-top:10px; height:20px; padding-left: 5px; border-top: 1px solid #999;}
.defaultSkin .mceStatusbar {/*display:none;*/ padding-left:10px;padding-top:10px}

.defaultSkin .mceButton {display:block; border:1px solid #F0F0EE; width:20px; height:20px; margin-right:1px; padding-right:2px;}




.editcol		{				display:inline-block; 
			width: 230px; 
			padding-left:10px;
			padding-bottom:10px;
			vertical-align:top;
		}
.editcontainer {width: 740px;
			position: relative;
			left: -10px;
			border-left: 1px solid #999;
			border-bottom: 1px solid #999;
			border-right: 1px solid #999;
			}
.editcontainer2 {width: 720px;
			position: relative;
			left: -10px;
			border-left: 1px solid #999;
			border-top: 1px solid #999;
			border-right: 1px solid #999;
			padding:10px;
			}
.editor { position: relative; left: -10px; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; width:740px;}
.button2-left {padding-left:10px; padding-bottom: 10px; padding-right:10px;margin:0; display:inline-block;}
		
		.column2{padding-left:20px; background: url("/templates/bureau-europa/images/txtcol.png") 0 0 no-repeat;}
		.column1{padding-left:20px; background: url("/templates/bureau-europa/images/imgcol.png") 0 0 no-repeat;}

		
/* DIVERSEN */		
.logo 		{ 
			padding-bottom: 1em; 
			height: 8em; 
			margin: 6px; 
			width: 400px;
		}

.system {	position: absolute;
			width: 200px;
			left:20px;
			top: 430px;
			padding-bottom: 1em; 
			height: auto; 

		}
.lang {margin-top:1em; margin-bottom: 1em;}

.editform {line-height: 26px;}
textarea { background-color: #fff ;}
td {vertical-align:top;line-height: 13px;}
img {/*margin-bottom: 1em; */	border: none;}

.title { padding-left: 10px; display: block;}
#contact .title {margin:0; padding:0; height:0;}
#staff .title, #medewerkers .title, #new .title, #nieuw .title, #mission .title, #missie .title, #bestuur .title, #board .title, #future .title, #verwacht .title { padding:0;}


.title-inputbox {font-weight: bold;}

.titlespan {width:200px; margin-top: 0; margin-left: 0; margin-right: 0;margin-bottom: 1em; padding:0}

.advcode_toggle {height: 20px; padding-top: 6px; padding-left: 10px; width: 200px;}

h1, h2, h3, h4 {font-size: 10px; font-weight: bold; margin-top:0;}


/* LINKS */
a {color: black; text-decoration: underline;}
a:hover, a:active, a:focus {color: #333333;text-decoration: underline;}

a.home {text-decoration: none; outline:none;}
a.list {text-decoration: none; outline:none;}
a.list:hover, a.list:active, a.list:focus {text-decoration: underline; outline:none;}
a.list:visited {color: grey; outline:none;}


/* LIST & MENU */
ul { margin: 0em 1em 1em 0; padding: 0; list-style: none;}
ul li {margin: 0 !important; padding: 0 !important; background: none !important; list-style: none;}
ul a {padding: 0; display: block;color: black;text-decoration: none;list-style: none; outline: none;}
ul a span {list-style: none;}
ul a:hover {color: black; list-style: none;text-decoration: underline;}
ul li a:active,
ul li a:focus {color: #BBB;list-style: none;text-decoration: underline;}
ul li.active a {color: black;font-weight: bold;text-decoration: none;list-style: none;}
ul li.active a span {text-decoration: none;list-style: none;}
ul li li a span {background: none;}
ul li ul {margin: 0; padding-left:30px;list-style: none; /*display: none;*/}
ul li ul a:hover {color: black; list-style: none;text-decoration: underline;}
ul li li {padding: 0;list-style: none;}
ul li li a {color: black;background: none !important;text-decoration: none;font-weight: normal;}
ul li li a:hover,
ul li li a:focus, active {color: black;}

ul li li a span {list-style: none; font-weight: normal;}
ul li ul .active a span {list-style: none; font-weight: bold;}
ul li ul .active a:hover {list-style: none; font-weight: bold; text-decoration: none;}

ul li ul a {list-style: none; font-weight: bold;}


.item1 li{display: hidden;}


fieldset {margin:0; padding:0; border:0;}

/*hr {
	border-top: 1px solid #CCCCCC;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	height: 1px;
	width: 100%;
}

hr {color: black; width:90%; background-color: black; height: 1px; border: none 0; margin-top:10px;}*/



/* system */
.tool-tip {
	float: left;
	border: 1px solid #D4D5AA;
	padding: 5px;
	background: white;
	max-width: 200px;}

.message {color:red; text-transform: lowercase;}
.message ul, li {margin: 0; padding: 0; list-style: none;}
dl, dt, dd {margin: 0; padding: 0; list-style: none;}

.admintable {margin:0; 
			padding:0;
			border:0;}




/* forms  */
label.forminput {
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
	height:1em;
	border: 0px;
	outline: none;
	width: 65px;
}

legend.forminput {
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
	height:1em;
	border: 0px;
	outline: none;
}

legend.forminput {
margin-left:-11px;}

.forminput {
	margin-bottom:1em;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
	border: 1px solid #CCCCCC;
	outline: none;


}
.forminput:focus {	background: #fff;	
					border: 1px solid #999;
}

.radio {height: 1 em; margin-top: 0; clear:both;}

fieldset.forminput {	margin-bottom:-0; 
			padding:0;
			border:0; 
			width:100%;
}


.jform table {margin-top:-3em; 
margin-left:-1em; 
			padding:0; 
			border:0;
			width: 420px}