/*
	main
*/
#content
{
	float: right;
	
	width: 690px;
	margin-bottom: 1.5em;
	padding-bottom: 5em;
	padding-left: 24px;
	padding-right: 24px;
	position: relative;
	text-align: justify;
	min-height:40em;
}

#content.publication{
	/*width: 420px;
	padding-right:230px;*/
}

#onderwerpen 
{
	position:absolute;
	width: 180px;
	margin-top: 20px;	
}

div.menu 
{
	margin-left: 25px;
}

#onderwerpen ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	background: url('../images/submenu_shadow.gif') repeat-y top right;
	border-top: 1px solid #ccc;
	height: auto;
}

#onderwerpen ul li ul
{
	border-top: none;
	
}

#onderwerpen ul li a
{
	display: block;
	padding-top: 5px;
	padding-left:10px;
	padding-bottom: 5px;
	font-size: 1em!important;
	color: #444444;
	font-weight: normal;
	border-bottom: 1px solid #ccc;
}

#onderwerpen ul li a:hover
{
	border-bottom: 1px solid #999;
}

#onderwerpen ul li ul
{
	background: none
}

#onderwerpen ul li ul li a
{
	background: #eeeeee url('../images/bullet.png') no-repeat 10px 9px;
	padding-left: 25px;
	border-right: 1px solid #ccc;
}

#onderwerpen ul li ul li ul li a
{
	background: #ccc url('../images/bullet.png') no-repeat 25px 9px;
	padding-left: 40px;
}

div.kolom
{
	border-right: 1px solid #ccc;
	width: 284px;
	float: left;
	padding: 15px;
	padding-left: 0;
	margin-right: 15px;
}

div.wide
{
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
	margin: 15px;
	margin-left: 0;
}

#relaties
{
background: #ececec;
border: 1px solid #ccc;
padding: 10px;
width: 170px;
position:absolute;
z-index:10;
float: right;
margin-left: 20px;
margin-top: 20px;
top: 55px;
right: -175px;

}

#relaties h2 { margin-top: 0; }
#relaties h3 { position: absolute; left: -999em; }
#relaties ul { padding: 0; margin: 0; list-style: none; }
#relaties ul li { text-align: left; }
#relaties ul li a { padding-left: 20px; color: #222222; /*word-break:normal;   css3*/	 }

#relaties li span 
{
margin-left:5px;
font-style: italic;
font-size: .9em;
display: block;
}

#relaties .small { display: inline; }
#relaties ul li a:hover { text-decoration: underline; }
#relaties ul.article li a { background: url('../images/icons/page_white_text.png') no-repeat top left; }
#relaties ul.image li a { background: url('../images/icons/image.png') no-repeat top left; }
#relaties ul.news li a { background: url('../images/icons/layout_content.png') no-repeat top left; }
#relaties ul.address li a { background: url('../images/icons/map.png') no-repeat top left; }
#relaties ul.product li a { background: url('../images/icons/basket.png') no-repeat top left; }
#relaties ul.link li a { background: url('../images/icons/link.png') no-repeat 0px 2px; padding-left: 20px; display: block; }
#relaties ul.form li a { background: url('../images/icons/application_form.png') no-repeat top left; }
#relaties ul.file li a { background: url('../images/icons/disk.png') no-repeat top left; clear: both; }
#relaties ul.person li a { background: url('../images/icons/vcard.png') no-repeat top left; }

/* Edit floating relaties */
#content.publication { width: 510px; margin-right: 205px; }

/* End edit floating relaties */


/* Medewerkers | Personen */
#medewerkersoverzicht{}
#medewerkersoverzicht #editform fieldset{ margin: 0px; margin-top: 20px; border: 1px solid #999999; background: #F5F5F5; padding: 1.3em;}
#medewerkersoverzicht label{ width: 150px; }
#medewerkersoverzicht #editform #afdeling, #medewerkersoverzicht #editform #vakgroep{ width: 230px; margin-bottom: 5px;}
#medewerkersoverzicht #editform .labelsmoelen{ margin-top: 5px; }
#medewerkersoverzicht #editform .buttontonen { margin-left: 168px;}


#medewerkersoverzicht ul{ margin: 0px; padding: 0px; list-style: none; }
#medewerkersoverzicht li{ border-bottom: 1px solid #CCCCCC; clear: both; min-height: 96px; margin-top: 10px;}
#medewerkersoverzicht li .imgPerson{ float: left; margin-right: 10px; display: block; min-height: 96px; }
#medewerkersoverzicht li a{ font-size: 1.2em; font-weight: bold; }
#medewerkersoverzicht li p { margin-top: 0px; }

.pasfoto
{
float: right;
}

#content.publication h1 span.highlighted { display: none; }

/* Restyle voor zowel artikelen als news-overzicht */
.newsItem, .newsitem { border-bottom: 1px solid #CCCCCC; width: 505px; text-align: left; min-height: 105px; margin-bottom: 15px; }
.newsItem .img, .newsitem .img{ float: left; overflow: hidden; width: 200px; height: 90px; margin-top: 5px; margin-right: 10px; border: 1px solid #EEEEEE;}
.newsItem .img.noborder { border: 0px!important; }
.newsitem h1, .newsitem h2, .newsitem h1 a, .newsitem h2 a, .newsitem h1 a:link, .newsitem h2 :link,
.newsItem h1, .newsItem h2, .newsItem h1 a, .newsItem h2 a, .newsItem h1 a:link, .newsItem h2 :link { color: #222222; margin-bottom: 0px; font-size: 1.2em; } 

.newsitem .highlighted, .newsItem .highlighted { margin-top: 0px; font-size: 0.8em; }
.newsitem h1, .newsItem h1{ margin-left: 210px; }
.newsItem h2, .newsItem h2{ margin-left: 210px; }
.newsitem p, .newsItem p{ text-align: left; margin-left: 210px; }
.newsitem p .more, .newsItem p .more { text-align: left; width: 60px; clear: none; background-position: right 6px;}
.newsitem p .more, .newsItem p .more { text-align: left; width: 80px; clear: none; }
.newsitem a, .newsitem a:link, .newsItem a, .newsItem a:link { clear: none; }


/* Restyle img bij artikelen */
.newsitem{ width: auto; }

/* Restyle news-overzicht */
#content .jaren, #content .maanden{ margin: 0px; padding: 0px; list-style:none; }
#content .jaren{ margin-top: 20px; border-bottom: 1px solid #CCCCCC; height: 2.75em; padding-left: 5px; }
#content .maanden{ float: right; margin-top: 20px; background: #F5F5F5; border: 1px solid #CCCCCC; padding: 7px 15px; width: 130px;}

#content .jaren li{ display: inline; } 
#content .jaren li a, #content .jaren li a:link
{
display:block;
float: left;
padding: 7px 15px;
background: #F5F5F5;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
margin: 0px 1px;
font-weight: bold;
color: #222222;
}

.center
{
	text-align:center;
}
.left
{
	text-align:left;
}
.right
{
	text-align:right;
}

#content .jaren li a:hover, #content .jaren li a:active{ text-decoration: underline; }

#content .jaren li.selected a, #content .jaren li.selected a:link { color: #004199; background: #F9F9F9; }

#content .maanden li{}
#content .maanden li a, #content .maanden li a:link{}

#content .maanden li.selected a, #content .maanden li.selected a:link { font-weight: bold; }

/*
	#####################
	#					#
	#	Regelingenbank	#
	#	-Uit WIAB		#
	#					#
	#####################
*/

#regelingenbank
{
position:relative;
min-height:100%;
margin:0;
padding-top:5em;
padding-bottom:2em;
font-size:1em;
/*width:53em;*/
float:left;
}

#regelingenbank ul { padding:0px; margin: 0px; }
#regelingenbank p.back { margin: 1em 1.55em; padding:0; }
#regelingenbank h2 { margin:.5em 1em; padding:0; }
#regelingenbank ul.reglist  { margin:1em; padding:0; }

#regeling_title
{
position:relative;
display:block;
clear:both;
margin:0 .7em;
padding:0;
background:white;
border:1px solid #E4E4E4;
}

#regeling_title h2 { margin:.6em; padding:0; }
#regeling_title p { margin:1em; padding:0; }
#reg_summary { position:relative; margin:0 1.55em; padding:0; }
#reg_index, #reg_index ul { margin:0 1.4em; padding:0; }
#reg_index { position:relative; margin:1em 1.4em; }
#reg_info { position:relative; margin:1em 1.4em; padding:0; }

#reg_info table, #reg_info td, #reg_info th
{
margin:0;
padding:0;
background:white;
font-size:1em;
border:1px solid #E4E4E4;
}

#reg_info th, #reg_info td { vertical-align:top; text-align:left; padding:.5em; }



#reg_info table, #reg_info p  { margin:0; padding:0; }
#reg_info p { padding:1em 0; }

#regeling
{
position:relative;
clear:left;
margin:0 ;
margin-top:11.5em;
border: 1px solid #E4E4E4;
padding: 1em;
background: #F5F5F5;
}

#regelingen
{
position:relative;
clear:left;
margin:0em 1.8em 0 0;
background:white;
}

#regelingen h2 { margin:0; padding:0; }

#regeling_content
{
position:relative;
clear:left;
margin:0 1em;
/*margin-top:11.5em;*/
padding:1em;
background:white;
border:1px solid #E4E4E4;
}

#regeling_content h2 { margin:0; margin-bottom:.5em; padding:0; }
#regeling_content ul { margin:0 2.5em; padding:0; }
#regeling_content ol { margin:0 3em; padding:0; }
#reg_info ol { margin:.5em 2em; padding:0; }
#regeling_content table { width:100%; }
#regeling_content th, #regeling_content td { text-align:left; border:1px solid #E4E4E4; }

/*a.open
{
background:transparent url(../images/open.gif) no-repeat left center;
padding-left:.8em;
text-decoration:none;
}

a.dicht
{
background:transparent url(../images/dicht.gif) no-repeat left center;
padding-left:.8em;
text-decoration:none;
}*/

div.visible { display:block; }
div.invisible { display:none; }

#regnavigation
{
position:absolute;
display:block;
top:1em;
top:1em;
left:0;
margin:.4em 1.8em;
padding:0;
/*width:43em;*/
z-index:1;
}

#regnavigation h2 { margin:0; padding:.6em 0; clear:left; }

#regnavigation ul.alphabet
{
float:left;
padding:0;
margin:0;
list-style-type:none;
clear:left;
}

#regnavigation ul.alphabet li { float:left; padding-right:1em; }

#regnavigation #nav_left
{
float:left;
padding:0;
margin:0;
list-style-type:none;
clear:left;
}

#regnavigation #nav_right
{
float:right;
padding:0;
margin:0;
margin-right:1.8em;
list-style-type:none;
}

#regnavigation #nav_left, #regnavigation #nav_right { line-height:1.7em; }

#sidebar
{
background: #ececec;
border: 1px solid #ccc;
padding: 10px;
width: 668px;
float: left;
text-align: left;
}
#sidebar ul { margin-left: 15px; }

#about{list-style: none;}
.btn-back:hover{  }
.attachment{ margin-left: 15px; }

#article { border: 1px solid #c6e5ff; background: #e8f4ff; padding: 10px; margin-top: 20px; width: 52em; }

#article a, #article a:link{ font-size: 1.4em; }
#article a:hover, #article a:active{ text-decoration: underline; }
#article a.newwindow, #article a.newwindow:link{ font-size: 1em; }


/* Media template */

/* Standaard */
.movie
{
float: left;
margin-right: 15px;
width: 280px;
margin: 10px 0px;
text-align: left;
font-size: 0.9em;
height: 150px;
position: relative;
padding: 5px;
}

.movie:hover
{
background: #e4e4e4;
border: 1px solid #ddd;
padding: 4px;
}

.movie h4 { margin: 0px; padding: 0px; height: 35px; }
.movie h4 a, #relaties .movie h4 a:link { padding-left: 0px; color: #666666; }

.movie .thumbnail
{
position: relative;
float: left;
border: 1px solid #CCCCCC;
padding: 3px;
background: #FFFFFF;
}

.movie p
{
float: left;
margin: 0;
margin-left: 15px;
width: 135px;
}

.movie .thumbnail .time
{
display: block;
position: absolute;
right: 3px;
bottom: 6px;
background: #000000;
padding: 0px 5px;
color: #FFFFFF;
font-style: normal;
font-weight: bold;
}

.movie .thumbnail a, .movie .thumbnail a:link { padding-left: 0px; }
.movie .thumbnail img, .movie .thumbnail:link img { border: none; }

/*.movie .more, .movie .more:link { float: right; width: 40px; padding-left: 0px; clear: none; color: #666666; }*/
.movie .more, .movie .more:link { position:absolute; bottom: 5px; right: 5px; width: 40px; padding-left: 0px; clear: none; color: #666666; }
.movie:hover .more, .movie:hover .more:link  { bottom: 4px; right: 4px; }

/* Overzicht */
.movielist
{
border: 1px solid #E4E4E4;
background: #F5F5F5;
padding: 5px;
margin-top: 15px;
width: 618px;
}

/* Player */

/* Gerelateerde media */

#relaties .movie { width: auto; margin-right: 0px; bottom: 15px; /* height: 125px; */ margin-bottom: 10px; }
#relaties .movie h4 { height: auto; }
#relaties .movie p{ padding: 0px; margin-left: 0px; width: 75px; float: right; }
#relaties .movie .thumbnail { margin-right: 3px; }
#relaties .movie .thumbnail .time { font-size: 1.2em;}
#relaties .movie .thumbnail img, #relaties .movie .thumbnail:link img { width: 70px; }

#relaties .movie .more { position: relative!important; clear: both!important; float: right; margin: 10px 0px; }

#relaties .movie .thumbnail img, #relaties .movie .thumbnail:link img {  }