/*-------------------------------------------------------------
 CSS TEMPLATE FOR XHTML 1.0 TRANSITIONAL HTML-DOCUMENTS
 Version 1.0
 
 - typolight modules
---------------------------------------------------------------*/

/***************************************************
* searchfield
****************************************************/

#global_search
{
	position:absolute;
	top:28px;
	right:34px;
	width:294px;
	height:16px;
	overflow:visible;
}
#global_search form
{
	float:right;
}
#global_search input
{
	background-color:transparent;
	border:none;
	margin:0px;
	padding:0px;
	padding-top:2px;
	height:13px;
	float:right;
	width:230px;
}
#global_search img.search
{
	float:right;
	cursor:pointer;
	margin-top:2px;
}
#global_search img.search_text
{
	float:left;
}

/***************************************************
* mod_navigation 
****************************************************/

.mod_navigation p
{
	margin:0px;
}

.mod_navigation ul li
{
	background:none;
}

/***************************************************
* mod_navigation (primary)
****************************************************/

#navigation_primary
{
	position:absolute;
	top:48px;
	right:0px;
}

#navigation_primary ul
{
	list-style-type:none;
	margin:0px;
	float:left;
}
#navigation_primary ul li
{
	float:left;
}

/***************************************************
* mod_navigation (secondary)
****************************************************/

#navigation_secondary
{
	position:absolute;
	top:28px;
	
	/* right:392px; */ /* for intranet */
	right:329px;
}
#navigation_secondary ul
{
	list-style-type:none;
	margin:0px;
	float:left;
}
#navigation_secondary ul li
{
	float:left;
}
/***************************************************
* intranet
****************************************************/


div#intranet a:link,
div#intranet a:visited,
div#intranet a:active
{
	position:absolute;
	top:29px;
	right:341px;
	width:48px;
	height: 20px;
	cursor:pointer;
	background-image:url(../images/intranet.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	
	/* display: block; */ /* for intranet */
	display: none;
	
}
div#intranet a:hover
{
	background-image:url(../images/intranet_hover.jpg);
}

/***************************************************
* mod_navigation projectscrollnav (sub)
****************************************************/
#projectscrollnav 
{
	margin-left:30px;
	margin-top:14px;
}

/***************************************************
* navigation_sub_opdrachten_archief 
****************************************************/
.projectarchiveheader {
	background-color:#FF710F;
	color:#ffffff;
	margin-bottom:0px;
	padding:8px 4px 0px 16px;
	font-family:arial,tahoma,verdana;
	font-size:12px;
	line-height:1.4em;
	}
#projectarchive ul.level_1 
{
	border:7px solid #FF710F;
	border-collapse:separate;
	margin-bottom:1.5em;
	
}
#projectarchive ul li
{
	border-top:1px dotted #7f7f7f;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:7px;
}
#projectarchive ul li.first
{
	border-top:solid 0px;
}
/***************************************************
* mod_navigation (sub)
****************************************************/

#navigation_sub ul
{
	list-style-type:none;
	margin:0px;
	margin-left:26px;
}
#navigation_sub ul li
{
	margin-bottom:0.5em;
	padding:0px;
}
/* standard link styles */
#navigation_sub ul li a:link,
#navigation_sub ul li a:visited,
#navigation_sub ul li a:active,
#navigation_sub ul li a:hover,
#navigation_sub ul li p
{
	color:#000000;
	display:block;
	padding-left:14px;
	background:url(../images/nav_arrow.gif) 0.2em 0.2em no-repeat;
	text-decoration:none;
	font-weight:bold;
	font-size:16px;
	line-height:1em;
}
/* hover and active styles */
#navigation_sub ul li a:hover,
#navigation_sub ul li p.active
{
	background:url(../images/nav_arrow_active.gif) 0.2em 0.2em no-repeat;
	color:#FF710F;
}

/* trail styles */
#navigation_sub ul li a.trail:link,
#navigation_sub ul li a.trail:visited,
#navigation_sub ul li a.trail:active,
#navigation_sub ul li a.trail:hover
{
	background:url(../images/nav_arrow_trail.gif) 0em 0.4em no-repeat;
}
/* trail selected styles */
#navigation_sub ul li a.trail:hover,
#navigation_sub ul li p.trail
{
	background:url(../images/nav_arrow_active_trail.gif) 0em 0.4em no-repeat;
}

/* level 2 styles */
#navigation_sub ul.level_2
{
	display:none;
	margin-left:0px;
	margin-top:0.5em;
}
#navigation_sub ul li.active ul.level_2,
#navigation_sub ul li.trail ul.level_2
{
	display:block;
}
#navigation_sub ul.level_2 li a:link,
#navigation_sub ul.level_2 li a:visited,
#navigation_sub ul.level_2 li a:active,
#navigation_sub ul.level_2 li a:hover,
#navigation_sub ul.level_2 li p.active
{
	background:none;
	font-weight:normal;
	font-size:13px;
}



/***************************************************
* mod_breadcrumb (breadcrumb)
****************************************************/
.mod_breadcrumb
{
	margin-bottom:1em;
}

.mod_breadcrumb .separator
{
	color:#FF710F;
}
.mod_breadcrumb a:link,
.mod_breadcrumb a:visited,
.mod_breadcrumb a:active,
.mod_breadcrumb a:hover,
.mod_breadcrumb .active
{
	color:#7F7F7F;
	font-size:11px;
}

/***************************************************
* mod_tagcloud
****************************************************/

.mod_tagcloud ul.cloud
{
	text-align:center;
}
.mod_tagcloud ul.cloud li
{
	padding:0px;
	background:none;
	display:inline;
}
.mod_tagcloud ul.cloud li.size1 a
{
	font-size:10px;
}	
.mod_tagcloud ul.cloud li.size2 a
{
	font-size:12px;
}	
.mod_tagcloud ul.cloud li.size3 a
{
	font-size:14px;
}	
.mod_tagcloud ul.cloud li.size4 a
{
	font-size:16px;
}
.mod_tagcloud ul.cloud li a:link,
.mod_tagcloud ul.cloud li a:visited,
.mod_tagcloud ul.cloud li a:active,
.mod_tagcloud ul.cloud li a:hover
{
	font-family: 'Times New Roman';
	text-decoration:none;
	color:#717171;
	margin-right:0.2em;	
}		
.mod_tagcloud ul.cloud li a:hover
{
	text-decoration:underline;
}		


/***************************************************
* harmonicas
****************************************************/

body.home #accordion
{
	border-top:1px solid #C5C5C5;
}
body.home .ce_accordion
{
	border-left:1px solid #C5C5C5;
	border-right:1px solid #C5C5C5;
	border-bottom:1px solid #C5C5C5;		
}
body.home .ce_accordion .toggler,
body.home .ce_accordion .accordion div
{
	padding:12px;
	padding-top:4px;
	padding-bottom:4px;
}
body.home .ce_accordion .toggler
{
	text-transform:lowercase;
	font-weight:bold;
	cursor:pointer;
	background:url(../images/accordion_header_bg.gif) repeat-x top left;
}
body.home .ce_accordion .accordion
{
}

/* reset divs in div */
body.home .ce_accordion .accordion div div
{
	padding:0px;
}

/***************************************************
* mod_newslist, mod_newsreader, mod_newsarchive
****************************************************/
.mod_newslist .layout_short,
.mod_newsarchive .layout_short
{
	margin-bottom:1.5em;	
}

.mod_newslist .last,
.mod_newsarchive .last
{
	margin-bottom:0em;
}
.mod_newsarchive .layout_short .content,
.mod_newslist .layout_short .content
{
	background:url(../images/line_dotted.gif) bottom left repeat-x;
	float:left;
	padding-bottom:1.5em;
}

.mod_newslist .last .content,
.mod_newsarchive .last .content
{
	background:none;
}
.mod_newslist .layout_short .image,
.mod_newsarchive .layout_short .image
{
	width:80px;
	height:80px;
	float:left;
	margin-right:14px;
	float:left;		
}
.mod_newslist .layout_short .text,
.mod_newsarchive .layout_short .text
{
	float:left;
}
.mod_newslist .layout_short .hasimage .text,
.mod_newsarchive .layout_short .hasimage .text
{
	width:396px;
	float:left;	
}
.mod_newslist .layout_short h2,
.mod_newsarchive .layout_short h2
{
	margin-top:0px;
}
.mod_newslist .layout_short h2 a,
.mod_newsarchive .layout_short h2 a
{
	text-decoration:none;
}
.mod_newslist p.info,
.mod_newsarchive p.info,
.mod_newsreader p.info
{
	line-height:1em;
	font-style:italic;
	margin-bottom:0px;	
}
.mod_newsreader p.info
{
	margin-bottom:0.5em;
}
.mod_newslist p.info span,
.mod_newsarchive p.info span,
.mod_newsreader p.info span
{
	color:#7f7f7f;
}
.mod_newslist .layout_short p.teaser,
.mod_newsarchive .layout_short p.teaser,
.mod_article div.teaser p
{
	margin-bottom:0.5em;
	background-color:white;	
}
.mod_newslist .layout_short p.more,
.mod_newsarchive .layout_short p.more
{
	float:left;
	margin-bottom:0px;
}

/* newslist home */

#newslist_home
{
	height:176px;
	overflow:hidden;
	padding-top:8px;
}
#newslist_home .layout_short
{
	margin-bottom:0em;
	width:280px;
	float:left;	
}
#newslist_home .layout_short .content
{
	background:none;
	width:260px;
}

/* bloglist home */

#bloglist_home
{
	height:176px;
	overflow:hidden;
	padding-top:8px;	
}
#bloglist_home .layout_short
{
	margin-bottom:0em;
	background:url(../images/line_dotted.gif) bottom left repeat-x;
}
#bloglist_home .last
{
	background:none;
}
#bloglist_home .layout_short div
{
	float:left;
	padding:4px;
	padding-top:6px;
	padding-bottom:6px;
}
#bloglist_home .layout_short div.title
{
	padding-left:0px;
	text-transform:lowercase;
	width:320px;
	margin-right: 20px;
}
#bloglist_home .layout_short div.date
{
	width:80px;
	margin-right: 20px;
}
#bloglist_home .layout_short div.author
{
	width:0px;
}
#bloglist_home .layout_short div.comments
{
	width:1px;
	color:#7f7f7f;
}
#bloglist_home .layout_short div.readmore
{
}

#bloglist_home .layout_short div.title a:link,
#bloglist_home .layout_short div.title a:visited,
#bloglist_home .layout_short div.title a:active,
#bloglist_home .layout_short div.title a:hover
{
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}

#bloglist_home .layout_short div.date,
#bloglist_home .layout_short div.author,
#bloglist_home .layout_short div.comments
{
	font-style:italic;
}

/* bloglist rightcolumn */

#right .layout_simple .info
{
	font-style:italic;
}
#right .layout_simple .info span
{
	color:#7f7f7f;
}


/* newslist highlights */

#newslist_highlights .content
{
	background:none;
}

#newslist_highlights h2
{
	margin-bottom:1em;
}
#newslist_highlights h3
{
	margin-bottom:0px;
	font-size:12px;
}
#newslist_highlights h3 a:link,
#newslist_highlights h3 a:visited,
#newslist_highlights h3 a:active,
#newslist_highlights h3 a:hover
{
	text-decoration:none;
}
#newslist_highlights p.teaser
{
	margin-bottom:0px;
}
#newslist_highlights p.more a:link,
#newslist_highlights p.more a:visited,
#newslist_highlights p.more a:active,
#newslist_highlights p.more a:hover
{
	color:#FF710F;
	background:url(../images/readmore_raquo.gif) center right no-repeat;
	padding-left:0px;
	padding-right:8px;	
	font-weight:normal;
}



/***************************************************
* mod_newsreader
****************************************************/

.mod_newsreader .layout_full
{
}

.mod_newsreader .layout_full .image_container
{
	float:left;
	margin-right:14px;
	margin-bottom:14px;
	width:180px;
}

.mod_newsreader .layout_full .image_container div.caption
{
	padding-top:2px;
	font-style:italic;
	text-align:center;
}


/***************************************************
* mod_newsmenu
****************************************************/

.mod_newsmenu ul
{
	margin-left:0px;
	list-style-type:none;
}
.mod_newsmenu ul.level_2
{
	margin-bottom:0px;
}
.mod_newsmenu ul ul
{
	margin-left:10px;
}
.mod_newsmenu ul li
{
	padding:0px;
	background:none;
	font-weight:normal;
}
.mod_newsmenu ul a:link,
.mod_newsmenu ul a:visited,
.mod_newsmenu ul a:active,
.mod_newsmenu ul a:hover
{
	color:#000000;
	text-decoration:none;
}
.mod_newsmenu ul p,
.mod_newsmenu ul a:hover
{
	margin:0px;
	font-weight:bold;
	color:#FF710F;
}
.mod_newsmenu ul li.year
{
	color:#000000;
	font-weight:bold;
}

/***************************************************
* pagination
****************************************************/

.pagination
{
	background:url(../images/line_dotted.gif) repeat-x top left;
	padding-top:0.5em;
	margin-bottom:1.5em;
}
.pagination div.prev,
.pagination div.next
{
	display:block;
	width:100px;
	border:1px solid #ffffff;
}
.pagination div.prev
{
	float:left;
}
.pagination div.next
{
	float:right;
}
.pagination .prev a:link,
.pagination .prev a:visited,
.pagination .prev a:active,
.pagination .prev a:hover,
.pagination .next a:link,
.pagination .next a:visited,
.pagination .next a:active,
.pagination .next a:hover
{
	font-weight:bold;
	text-decoration:none;
	color:#000000;
}

.pagination .prev a:link,
.pagination .prev a:visited,
.pagination .prev a:active,
.pagination .prev a:hover
{
	float:left;
	background:url(../images/pagination_prev.gif) center left no-repeat;
	padding-left:26px;	
}
.pagination .next a:link,
.pagination .next a:visited,
.pagination .next a:active,
.pagination .next a:hover
{
	float:right;
	background:url(../images/pagination_next.gif) center right no-repeat;
	padding-right:26px;	
}
.pagination ul
{
	display:block;
	list-style-type:none;
	margin:0px;
	text-align:center;
	float:left;
	width:286px;
}
.pagination ul li
{
	background:none;
	display:inline;
	padding:0px;
}
.pagination ul li a:link,
.pagination ul li a:visited,
.pagination ul li a:active,
.pagination ul li a:hover
{
	text-decoration:none;
	color:#000000;
}
.pagination span.current
{
	color:#FF710F;
}

/***************************************************
* mod_search
****************************************************/

.mod_search img.search
{
	cursor:pointer;
}
.mod_search div.formbody
{
	padding:10px;
}
.mod_search p.header
{
	background:url(../images/line_dotted.gif) repeat-x bottom left;
	padding-bottom:0.5em;
}

/***************************************************
* mod_flash_carrousel (homepage)
****************************************************/

#carrousel
{
	position:absolute;
	top:84px;
	left:0px;
}

/***************************************************
* mod_flash_carrousel (homepage 2)
****************************************************/




/***************************************************
* mod_quickpoll
****************************************************/

.mod_quickpoll
{
}
.mod_quickpoll p
{
	margin-bottom:0.5em;
}
.mod_quickpoll .radio_container
{
	margin-bottom:0.5em;
}
.mod_quickpoll .radio_container span
{
	display:block;
}
.mod_quickpoll .error
{
	clear:left;
	margin-bottom:0.5em;
}
.mod_quickpoll label,
.mod_quickpoll div.label
{
	font-weight:bold;
}

/* results */
.mod_quickpoll .results p.description
{
	font-style:italic;
}

.mod_quickpoll .stoptext span
{
	color:#7f7f7f;
}
.mod_quickpoll .totaltext
{
	display:none;
}
.mod_quickpoll .totaltext span
{
	color:#7f7f7f;
}
.mod_quickpoll .graph
{
	width:120px;
	margin-bottom:1.0em;
}
.mod_quickpoll .graph .item
{
	position:relative;
	margin-bottom:0.5em;
}
.mod_quickpoll .graph .item .itemresults
{
	position:relative;
}
/* generic bar and value */
.mod_quickpoll .graph .item .itemresults div.barbg span,
.mod_quickpoll .graph .item .itemresults div.bar span
{
	visibility:hidden;
}
.mod_quickpoll .graph .item .itemresults div.barbg
{
	background-color:#000000;
	width:100%;	
	color:#000000;	
}
.mod_quickpoll .graph .item .itemresults div.bar
{
	position:absolute;
	top:0px;
	background-color:#ff710f;
	color:#ff710f;	
	z-index:2;	
}
.mod_quickpoll .graph .item .itemresults div.value
{
	position:absolute;
	top:0px;
	color:#ffffff;
	padding-left:4px;
	width:100%;
	z-index:2;
}
/* color specific: odd */
.mod_quickpoll .graph .color1 .itemresults div.bar,
.mod_quickpoll .graph .color3 .itemresults div.bar,
.mod_quickpoll .graph .color5 .itemresults div.bar,
.mod_quickpoll .graph .color7 .itemresults div.bar,
.mod_quickpoll .graph .color9 .itemresults div.bar
{
}
.mod_quickpoll .graph .color1 .itemresults div.value,
.mod_quickpoll .graph .color3 .itemresults div.value,
.mod_quickpoll .graph .color5 .itemresults div.value,
.mod_quickpoll .graph .color7 .itemresults div.value,
.mod_quickpoll .graph .color9 .itemresults div.value,
{
}
/* color specific: even */
.mod_quickpoll .graph .color2 .itemresults div.bar,
.mod_quickpoll .graph .color4 .itemresults div.bar,
.mod_quickpoll .graph .color6 .itemresults div.bar,
.mod_quickpoll .graph .color8 .itemresults div.bar,
.mod_quickpoll .graph .color10 .itemresults div.bar
{
}
.mod_quickpoll .graph .color2 .itemresults div.value,
.mod_quickpoll .graph .color4 .itemresults div.value,
.mod_quickpoll .graph .color6 .itemresults div.value,
.mod_quickpoll .graph .color8 .itemresults div.value,
.mod_quickpoll .graph .color10 .itemresults div.value,
{
}
.mod_quickpoll p.status
{
	margin-bottom:1.5em;
}

/***************************************************
* mod_article
****************************************************/

.mod_article p.more
{
	margin-bottom:1.5em;
}