@charset "utf-8";

/*	TIGGELMAN CSS
	Author:	Stephan van Opstal, Netvlies
			
	----------------------------------------------------*/

/*	Table of contents
	= GENERIC
 	----------------------------------------------------*/

/*	=GENERIC/RESETS
	----------------------------------------------------*/
	* { margin: 0; padding: 0; font-family: arial, helvetica, serif; }
	img { border: 0; }
	a { outline: 0; }
	
	body { background: #000; }
	#col-a { width: 548px; float: left; margin: 10px 19px 0 0; }
	#col-b { width: 323px; float: left; }
	.wrapper { width: 890px; margin: 0 auto; position: relative; }
	
/*	=FIXES
	----------------------------------------------------*/
	.clr { overflow: hidden; height: 100%; }
	
/*	=HEADER
	----------------------------------------------------*/
	#header { height: 174px;  }
	#carrousel { position: absolute; top: 10px; right: 0; }
	
/*	=CRUMBPATH
	----------------------------------------------------*/	
	#crumbpath { margin: 0 0 15px 0; }
	#crumbpath ul { list-style: none; }
	#crumbpath ul li { font-size: 10px; color: #fff; float: left; margin: 0 5px 0 0; }
	#crumbpath ul li a { color: #fff; text-decoration: none; }
	
/*	=NAVIGATION
	----------------------------------------------------*/
	#nav-main { height: 57px; background: url(../img/nav-main_bg.gif) repeat-x; }
	#nav-main ul li { height: 32px; float: left; list-style: none; text-indent: -9999px; }
	#nav-main ul li a.sub { display: block; height: 100%; }
	#nav-main ul li.home { width: 64px; background: url(../img/nav-main_btn_home.gif) no-repeat; }
	#nav-main ul li.nieuws { width: 74px; background: url(../img/nav-main_btn_nieuws.gif) no-repeat; }
	#nav-main ul li.agenda { width: 77px; background: url(../img/nav-main_btn_agenda.gif) no-repeat; }
	#nav-main ul li.dansen { width: 75px; background: url(../img/nav-main_btn_dansen.gif) no-repeat; }
	#nav-main ul li.bruiloften { width: 150px; background: url(../img/nav-main_btn_bruiloften.gif) no-repeat; }
	#nav-main ul li.events { width: 70px; background: url(../img/nav-main_btn_events.gif) no-repeat; }
	#nav-main ul li.fotoalbums { width: 106px; background: url(../img/nav-main_btn_fotoalbums.gif) no-repeat; }
	#nav-main ul li.over-tiggelman { width: 134px; background: url(../img/nav-main_btn_over-tiggelman.gif) no-repeat; }
	#nav-main ul li.active ul { display: block; }

	#nav-main ul li ul { position: absolute; top: 32px; left: 0; display: none; background: #f78f1e; width: 595px; }
	#nav-main ul li ul li { text-indent: 0; float: left; display: inline; font-size: 11px; margin: 4px 5px 0 2px;  height: 20px;  }
	#nav-main ul li ul li a {  color: #fff; padding: 0 0 0 8px; background: url(../img/nav-main_sub_li_bg.gif) no-repeat 0 3px; }
	#nav-main ul li ul li.first a { background: 0; padding-left: 0; }
	
	#nav-main ul #nav-home ul { left: 0; }
	#nav-main ul #nav-nieuws ul { left: 64px; }
	#nav-main ul #nav-agenda ul { left: 138px; }
	#nav-main ul #nav-dansen ul { left: 218px; }
	#nav-main ul #nav-bruiloften ul { left: 290px; }
	#nav-main ul #nav-events ul { left: 441px; }
	#nav-main ul #nav-fotoalbums ul { left: 481px; }
	#nav-main ul #nav-over-tiggelman ul { left: 617px; }
	
	#nav-main ul li:hover, #nav-main ul li.active { background-position: 0 -32px !important; }
	#nav-main ul li:hover ul { display: block; }

/*	=HOME
	----------------------------------------------------*/
	#home .message { background: #242424 url(../img/home_message_bg_top.gif) no-repeat top left; margin: 15px 0 0 0; }
	#home .message .inner { background: url(../img/home_message_bg_bot.gif) no-repeat bottom left; padding: 15px; }
	#home .message h2 { border-bottom: 1px solid #f78f1e; color: #fff; font-size: 14px; padding: 0 0 5px 0; margin: 0 0 5px 0; }
	#home .message h2 span { color: #f78f1e; font-weight: normal; font-size: 12px; }
	#home .message p { color: #fff; font-size: 12px; }
	
/*	=NEWS
	----------------------------------------------------*/
	#news .message { background: #242424 url(../img/home_message_bg_top.gif) no-repeat top left; margin: 15px 0 0 0; }
	#news .message .inner { background: url(../img/home_message_bg_bot.gif) no-repeat bottom left; padding: 15px; }
	#news .message h2 { border-bottom: 1px solid #f78f1e; color: #fff; font-size: 14px; padding: 0 0 5px 0; margin: 0 0 5px 0; }
	#news .message h2 span { color: #f78f1e; font-weight: normal; font-size: 12px; }
	
	#news-archive form { padding: 0 0 10px 0; }
	#news-archive form * { vertical-align: middle; }
	#news-archive form select { margin: 0 0 0 5px; }
	#news-archive form select option { padding: 0 5px 0 0; }
	#news-archive form p { font-size: 12px; color: #fff; }
	#news-archive #news-archive-list { list-style: none; }
	#news-archive #news-archive-list li { font-size: 12px; color: #fff; border-top: 1px solid #000; padding: 5px 0 5px 0; }
	#news-archive #news-archive-list li a { color: #fff; text-decoration: none; font-weight: bold; }
	#news-archive #news-archive-list li a span { color: #ff8500; font-weight: normal; }
	
	#news-nav { list-style: none; margin: 0 0 15px 0; }
	#news-nav li { float:  left; color: #fff; font-size: 12px; margin: 0 10px 0 0; }
	#news-nav li a { color: #fff; text-decoration: none; }
	#news-nav li a.active, #news-nav li a:hover { text-decoration: underline; }
	
/*	=AGENDA
	----------------------------------------------------*/
	#agenda { position: relative; }
	#agenda form { padding: 0 0 10px 0; }
	#agenda form * { vertical-align: middle; }
	#agenda form select { margin: 0 0 0 5px; }
	#agenda form select option { padding: 0 5px 0 0; }
	#agenda form p { font-size: 12px; color: #fff; }
	
	#agenda #agenda-list { list-style: none; }
	#agenda #agenda-list li { font-size: 12px; color: #fff; font-weight: strong;  border-top: 1px solid #000; padding: 5px 0 5px 0; width: 400px; }
	#agenda #agenda-list li span { color: #ff8500; font-weight: normal;  }
	#agenda #agenda-list li div { margin-top: 10px; }
	
	#agenda .week { position: absolute; right: 10px; top: 40px; width: 107px; height: 92px; background: url(../img/agenda_ico_week.gif) no-repeat top left; }
	#agenda .week p { font-size: 40px; color: #000; font-weight: bold; margin: 36px 0 0 32px; }
	
/*	=PHOTOALBUM
	----------------------------------------------------*/
	#photoalbum .albums { padding-bottom: 10px; }
	#photoalbum .album { background: #4e4e4e; width: 249px; padding: 5px; float: left; display: inline; margin: 10px 0 0 10px; }
	#photoalbum .album.firstrow { margin-top: 0; }
	#photoalbum .album.firstcol { margin-left: 0; }
	#photoalbum .album img { float: left; margin: 0 5px 0 0; vertical-align: bottom; }
	#photoalbum .album h2 { float: left; width: 130px; color: #fff; font-size: 14px; }
	#photoalbum .album h2 span { color: #ff8500; font-size: 12px; font-weight: normal; }
	#photoalbum .album .view { float: left; color: #fff; font-size: 12px; font-weight: bold; background: url(../img/photoalbum_btn_view.gif) no-repeat 80px 7px; padding: 5px 25px 0 0; margin: 10px 0 0 0; }
	
	#photoalbum .photos { padding-bottom: 10px; }
	#photoalbum .photos img { float: left; margin: 10px 0 0 15px; display: inline; }
	#photoalbum .photos img.firstrow { margin-top: 0; }
	#photoalbum .photos img.firstcol { margin-left: 0; }

/*	=REQURIED
	----------------------------------------------------*/
	#signup .required { font-size: 12px; color: #fff; margin: 10px 0 0 0; }
	#signup .required span { color: #f78f1e; }
	
	#signup form * { vertical-align: middle; }
	#signup form fieldset { border: 0; border-top: 1px solid #000; padding: 10px 0 0 0; margin: 10px 0 0 0; }	
	#signup form ol { list-style: none; }
	#signup form ol li { padding: 5px 0 4px 0; line-height: 16px; }
	#signup form ol li p { font-size: 12px; color: #fff; width: 120px; float: left; margin: 2px 5px 0 0; }
	#signup form ol li.error p { background: url(../img/signup_ico_error.gif) no-repeat center right; }
	#signup form ol li.error input { color: #ff0000; }
	#signup form ol li label { font-size: 12px; color: #fff; cursor: pointer; }
	#signup form ol li input.rd { margin: 0 5px 0 0; }
	#signup form ol li input.fld { font-size: 12px; width: 144px; padding: 1px; }
	#signup form ol li textarea { font-size: 12px; width: 146px; overflow: auto; }
	#signup form ol li textarea.bericht { width: 300px; }
	#signup form ol li .required { color: #f78f1e; }
	#signup form ol li.hdr { font-size: 12px; font-weight: bold; color: #fff; }
	#signup form select { font-size: 12px; width: 150px; }
	#signup span.verplicht { background: #f78f1e; color: #fff; font-size: 12px; font-weight: bold; }
	
/*	=FOOTER
	----------------------------------------------------*/
	#footer { background: url(../img/footer_bg.gif) repeat-x; height: 66px; margin: 15px 0 15px 0; }
	#footer ul { list-style: none; padding: 10px 0 0 0; }
	#footer ul li { font-size: 10px; color: #fff; float: left; margin: 0 10px 0 0; }
	#footer ul li a { color: #fff; }
	
/*	=SIDEBAR
	----------------------------------------------------*/
	.sidebar .agenda { background: #f78f1e url(../img/sidebar_agenda_bg_top.gif) no-repeat top left; margin: 15px 0 0 0; }
	.sidebar .agenda .inner { background: url(../img/sidebar_agenda_bg_bot.gif) no-repeat bottom left; padding: 65px 7px 7px 7px; position: relative; }
	.sidebar .agenda ul { background: #fff; list-style: none;  }
	.sidebar .agenda ul li { font-size: 10px; padding: 5px 0 5px 0; margin: 0 10px 0 10px; border-top: 1px solid #3e3e3e; line-height: 14px; }
	.sidebar .agenda ul li.first { border: 0; }
	.sidebar .agenda ul li.prev { position: absolute; top: 38px; right: 297px; margin: 0; border: 0; background: url(../img/sidebar_agenda_btn_prev.gif) no-repeat top left; width: 19px; height: 19px; text-indent: -9999px;  }
	.sidebar .agenda ul li.next { position: absolute; top: 38px; right: 7px; margin: 0; border: 0; background: url(../img/sidebar_agenda_btn_next.gif) no-repeat top left; width: 19px; height: 19px; text-indent: -9999px;  }
	.sidebar .agenda ul li.hdr { position: absolute; top: 34px; right: 135px; margin: 0; border: 0; font-size: 14px; color: #fff; font-weight:bold;  }
	.sidebar .agenda ul li a { color: #000; text-decoration: none; }
	.sidebar .agenda ul li a.prevnext { display: block; height: 100%; margin: -5px 0 5px 0; }
	.sidebar .agenda ul li div { float: left;  }
	.sidebar .agenda ul li div.dt { width: 40px;  }
	.sidebar .agenda ul li div.descr { width: 246px; }
	.sidebar .agenda ul li span { color: #ff4800; }
	
	.sidebar .fotoalbum { margin: 15px 0 0 0; background: #f78f1e url(../img/sidebar_fotoalbum_bg_top.gif) no-repeat top left; padding: 7px 0 0 0; }
	.sidebar .fotoalbum .inner { background: url(../img/sidebar_fotoalbum_bg_bot.gif) no-repeat bottom left; padding: 0 7px 7px 7px; }
	.sidebar .fotoalbum ul { background: #fff; padding: 0 0 6px 0; }
	.sidebar .fotoalbum ul li { float: left; padding: 6px 0 0 6px; }
	.sidebar .fotoalbum ul li img { vertical-align: bottom; }
	.sidebar .fotoalbum h3 { color: #fff; font-size: 14px; background: url(../img/sidebar_fotoalbum_bg_dot.gif) no-repeat center left; margin: 3px 0 10px 0; padding: 0 0 0 13px; }
	
	.sidebar .banner { margin: 15px 0 0 0; background: #d1d1d1 url(../img/sidebar_banner_bg_top.gif) no-repeat top left; padding: 8px 0 0 0; }
	.sidebar .banner .inner { background: url(../img/sidebar_banner_bg_bot.gif) no-repeat bottom left; padding: 0 8px 8px 8px; }
	.sidebar .banner p { color: #242424; font-size: 14px; font-weight: bold; background: url(../img/sidebar_banner_bg_dot.gif) no-repeat 0 3px; padding: 0 0 0 13px; }
	
/*	=BLOCK
	----------------------------------------------------*/
	.block { background: #242424 url(../img/user-content_bg_top.gif) no-repeat top left; }
	.block .inner { background: url(../img/user-content_bg_bot.gif) no-repeat bottom left; padding: 0 10px 10px 10px; }
	
	.block h1 { color: #fff; font-size: 14px; font-weight: bold; padding: 10px 0 2px 0; margin: 0 0 10px 0; border-bottom: 1px solid #f78f1e; }
	.block h1 span { color: #ff8500; font-size: 12px; font-weight: normal; }

/*	=PAGING
	----------------------------------------------------*/
	.paging ul { list-style: 0; text-align: center; margin: 0 0 0 0!important; padding: 5px 0 0 0; border-top: 1px solid #000;  }
	.paging ul li { display: inline; color: #fff; font-weight: bold; padding: 0 2px 0 2px; }
	.paging ul li a { color: #fff; text-decoration: none; font-weight: bold; font-size: 14px !important; }
	.paging ul li * {  vertical-align: middle; }
	.paging ul li.active a { text-decoration:  underline; }
	
/*  =SITEMAP
	----------------------------------------------------*/
	#sitemapname { font-size: 12px; color: #000; text-decoration: none; font-weight: bold; line-height: 20px; }
	#sitemap { list-style: none; margin-left: 1px; padding: 0; } 
	#sitemap li { font-size: 12px; line-height: 16px; list-style: none; padding: 0 0 20px 0; margin: 0; background: url(../img/sitemap_li_bg.gif) repeat-y; }
	#sitemap ul { margin: 0; padding: 0 0 0 20px;  }
	#sitemap li li { padding: 0; }
	#sitemap li a { line-height: 16px; font-size: 12px; font-weight: bold; color: #fff; text-decoration: none; padding-left: 20px;  background: url(../img/sitemap_a_bg.gif) no-repeat 0 9px; }
	#sitemap li li a { line-height: 16px; font-weight: normal; color: #fff; }
	#sitemap li.last { background: url(../img/sitemap_li_last_bg.gif) no-repeat 0 -1px; }
	#sitemap li.last a { background-position: 0 8px; }